auth.js

/**
 * auth.js
 * * This file contains two main parts:
 * 1. AuthService Class: Handles all network requests (register, login) to the API.
 * 2. Session Management & Guard Logic: Manages the token/user in localStorage.
 */

// ==========================================================
// PART 1: AUTHENTICATION API SERVICE (Network Requests)
// ==========================================================

class AuthService {
    constructor() {
        // --- THIS IS THE FIX ---
        // Change the URL to point to your local server
        this.baseUrl = 'http://localhost:9000/api';
    }

    /**
     * Handles the user registration process.
     */
    async register(fullName, email, password) {
        const url = `${this.baseUrl}/auth/register`; 

        try {
            const response = await fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    fullName,
                    email,
                    password
                }),
            });

            const data = await response.json();

            if (!response.ok) {
                throw new Error(data.message || 'Registration failed due to server error.');
            }
            return data; 
            
        } catch (error) {
            console.error('AuthService Error during registration:', error);
            throw error;
        }
    }

    /**
     * Handles the user login process.
     */
    async login(email, password) {
        const url = `${this.baseUrl}/auth/login`; 

        try {
            const response = await fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    email,
                    password
                }),
            });

            const data = await response.json();

            if (!response.ok) {
                throw new Error(data.message || 'Login failed. Please check your credentials.');
            }

            // This logic is now correct from our previous fix
            if (data.token) {
                localStorage.setItem('smartproject_token', data.token);
                
                const userToSave = {
                    _id: data._id,
                    name: data.name,
                    email: data.email,
                    skills: data.skills,
                    profilePicture: data.profilePicture,
                    headline: data.headline
                };
                
                localStorage.setItem('smartproject_user', JSON.stringify(userToSave));
            }
            
            return data; 
            
        } catch (error) {
            console.error('AuthService Error during login:', error);
            throw error;
        }
    }
}

// Instantiate the service for global use
const authService = new AuthService();

// ==========================================================
// PART 2: SESSION MANAGEMENT & GUARD LOGIC (Client-Side)
// ==========================================================

// This part is all correct and needs no changes
const token = localStorage.getItem('smartproject_token');

const protectedPages = [
    'dashboard.html', 
    'my-projects.html',
    'profile-settings.html',
    'tasks.html',
    'chat.html',
    'notifications.html',
    'project-detail.html',
    'view-profile.html'
];

const isProtectedPage = protectedPages.some(page => window.location.pathname.includes(page));

if (isProtectedPage) {
    if (!token) {
        window.location.href = 'login.html';
    }
}

const user = JSON.parse(localStorage.getItem('smartproject_user'));

function logout() {
    localStorage.removeItem('smartproject_token');
    localStorage.removeItem('smartproject_user');
    window.location.href = 'login.html';
}