07. Email Verification এবং Account Activation

DJOSER = {
    'SEND_ACTIVATION_EMAIL': True,
    'ACTIVATION_URL': 'auth/activate/{uid}/{token}/',
}

DJOSER = {
    'SEND_ACTIVATION_EMAIL': True,
    'ACTIVATION_URL': 'http://127.0.0.1:3000/activate/{uid}/{token}/',
}

EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
EMAIL_HOST = 'smtp.your-email-provider.com'
EMAIL_PORT = 587
EMAIL_USE_TLS = True
EMAIL_HOST_USER = 'your-email@example.com'
EMAIL_HOST_PASSWORD = 'your-email-password'
DEFAULT_FROM_EMAIL = 'webmaster@example.com'

import React, { useEffect } from 'react';
import { useParams, useNavigate } from 'react-router-dom';
import axios from 'axios';

const ActivateAccount = () => {
    const { uid, token } = useParams();
    const navigate = useNavigate();

    useEffect(() => {
        // API call to submit uid and token
        const activateAccount = async () => {
            try {
                const response = await axios.post('http://127.0.0.1:8000/auth/users/activation/', {
                    uid: uid,
                    token: token,
                });
                alert('Account activated successfully!');
                navigate('/login'); // Redirect to login page after successful activation
            } catch (error) {
                console.error('Activation failed:', error);
                alert('Activation failed. Please try again.');
            }
        };

        if (uid && token) {
            activateAccount();
        }
    }, [uid, token, navigate]);

    return (
        <div>
            <h2>Activating your account...</h2>
        </div>
    );
};

export default ActivateAccount;

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import ActivateAccount from './ActivateAccount';

function App() {
    return (
        <Router>
            <Routes>
                <Route path="/activate/:uid/:token" element={<ActivateAccount />} />
            </Routes>
        </Router>
    );
}

export default App;