adding important features

Author: AryamanSi17

backend/package-lock.json

@@ -22,8 +22,9 @@
     "mongoose": "^8.18.0",
     "multer": "^1.4.4",
     "multer-gridfs-storage": "^5.0.2",
-    "multer-s3": "^3.0.1",
+    "multer-s3": "^2.10.0",
     "nodemon": "^3.1.10",
-    "pdfkit": "^0.17.2"
+    "pdfkit": "^0.17.2",
+    "uuid": "^13.0.0"
   }
 }

backend/package.json

@@ -1,5 +1,4 @@
 import { s3 } from '../middlewares/s3.upload.middleware.js';
-import User from '../models/user.model.js';
 
 export const uploadProfilePhoto = async (req, res) => {
     try {

backend/src/controllers/photo.controller.js

@@ -1,7 +1,9 @@
 import AWS from 'aws-sdk';
-import multe from 'multer';
+import multer from 'multer';
 import multerS3 from 'multer-s3';
 import { v4 as uuidv4 } from 'uuid';
+import dotenv from 'dotenv';
+dotenv.config();
 
 AWS.config.update({
   accessKeyId: process.env.AWS_ACCESS_KEY_ID,
@@ -28,7 +30,7 @@ const uploadPhoto = multer({
         }
     }),
     limits: {
-        fileSize: 5 * 1024 * 1024 // 5MB limit
+        fileSize: 5 * 1024 * 1024
     },
     fileFilter: (req, file, cb) => {
         if (file.mimetype.startsWith('image/')) {

backend/src/middlewares/s3.upload.middleware.js

@@ -1,7 +1,7 @@
 import { Router } from 'express';
 import { uploadProfilePhoto, deleteProfilePhoto } from '../controllers/photo.controller.js';
 import { verifyJWT } from '../middlewares/auth.middleware.js';
-import { uploadPhoto } from '../middlewares/s3Upload.middleware.js';
+import { uploadPhoto } from '../middlewares/s3.upload.middleware.js';
 
 const router = Router();
 

backend/src/routes/photo.routes.js

@@ -11,17 +11,45 @@ const AuthManager = () => {
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
-    checkAuthStatus();
+    initializeAuth();
   }, []);
 
-  const checkAuthStatus = async () => {
+  const initializeAuth = async () => {
     try {
+      const wasLoggedOut = localStorage.getItem('wasLoggedOut') === 'true';
+      
+      if (wasLoggedOut) {
+        setLoading(false);
+        return;
+      }
+
+      const storedUser = localStorage.getItem('user');
+      
+      if (!storedUser) {
+        setLoading(false);
+        return;
+      }
+
+      const userData = JSON.parse(storedUser);
+      setUser(userData);
+      setIsAuthenticated(true);
+
+      // Verify token is still valid
       const response = await api.get('/users/current-user', { withCredentials: true });
+      
       if (response.data.success) {
-        setUser(response.data.data);
+        const freshUserData = response.data.data;
+        setUser(freshUserData);
         setIsAuthenticated(true);
+        localStorage.setItem('user', JSON.stringify(freshUserData));
+        localStorage.removeItem('wasLoggedOut');
+      } else {
+        throw new Error('Token invalid');
       }
     } catch (error) {
+      // Clear invalid data
+      localStorage.removeItem('user');
+      localStorage.removeItem('wasLoggedOut');
       setIsAuthenticated(false);
       setUser(null);
     } finally {
@@ -30,15 +58,20 @@ const AuthManager = () => {
   };
 
   const handleLogin = (userData) => {
-    setUser(userData);
+    const actualUser = userData.user || userData;
+    setUser(actualUser);
     setIsAuthenticated(true);
     setShowRegister(false);
+    localStorage.setItem('user', JSON.stringify(userData));
+    localStorage.removeItem('wasLoggedOut');
   };
 
   const handleRegister = (userData) => {
     setUser(userData);
     setIsAuthenticated(true);
     setShowRegister(false);
+    localStorage.setItem('user', JSON.stringify(userData));
+    localStorage.removeItem('wasLoggedOut'); 
   };
 
   const handleLogout = async () => {
@@ -47,6 +80,8 @@ const AuthManager = () => {
     } catch (error) {
       console.error('Logout error:', error);
     } finally {
+      localStorage.setItem('wasLoggedOut', 'true');
+      localStorage.removeItem('user');
       setUser(null);
       setIsAuthenticated(false);
     }

frontend/src/components/AuthManager/AuthManager.jsx

@@ -2,6 +2,8 @@ import React, { useState } from 'react';
 import FormField from '../forms/FormField';
 import FormGrid from '../forms/FormGrid';
 import { Upload, X, User, Plus, Trash2, AlertCircle } from 'lucide-react';
+import { toast } from 'react-toastify'; 
+import api from '../../../../utils/api';
 import {
   GENDER_OPTIONS,
   LANGUAGE_OPTIONS,
@@ -19,6 +21,7 @@ const BasicDetailsStep = ({ formData, onInputChange }) => {
   const [photoPreview, setPhotoPreview] = useState(null);
   const [errors, setErrors] = useState({});
   const [touched, setTouched] = useState({});
+  const [uploading, setUploading] = useState(false); 
 
   const languages = formData.basicDetails.languages || [];
 

frontend/src/components/Dashboard/CVBuilder/steps/BasicDetailsStep.jsx

@@ -8,7 +8,7 @@ const DashboardLayout = ({ user, onLogout }) => {
   const [activeSection, setActiveSection] = useState('cv-builder');
   const [currentCVStep, setCurrentCVStep] = useState(1);
   const [completedSteps, setCompletedSteps] = useState([]);
-
+  console.log('DashboardLayout user prop:', user);
   const handleSectionChange = (section) => {
     setActiveSection(section);
     if (section === 'cv-builder' && activeSection !== 'cv-builder') {

frontend/src/components/Dashboard/Dashboard.jsx

@@ -15,7 +15,6 @@ const Sidebar = ({
   const [showPrograms, setShowPrograms] = useState(
     ['systematic-reviews', 'case-reports', 'conferences', 'workshops', 'emr-training'].includes(activeSection)
   );
-
   const mainNavigationItems = [
     { id: 'cv-builder', label: 'CV Builder', icon: FileText },
     { id: 'cv-status', label: 'View CV', icon: Eye },