feat: enhance CV loading logic in CVBuilder component

Author: AryamanSi17

backend/app.js

@@ -6,7 +6,7 @@ dotenv.config();
 
 const app = express();
 app.use(cors({
-    origin: process.env.CORS_ORIGIN,
+    origin: 'http://localhost:5173',
     credentials: true
 }));
 app.use(express.json());

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

@@ -64,10 +64,21 @@ const CVBuilder = ({ onPreview, user }) => {
     }
   }, [user]);
 
+  
+  useEffect(() => {
+    let checked = false;
+    if (user?._id && !checked) {
+      setLoading(true);
+      checkExistingCV();
+      checked = true;
+    } else {
+      setLoading(false);
+    }
+  }, [user?._id]);
+
   const checkExistingCV = async () => {
     try {
       const response = await api.get(`/cv/${user._id}`);
-      console.log(response);
       if (response.data.success) {
         setFormData(response.data.data);
         setCvExists(true);

frontend/src/components/Dashboard/CVBuilder/CVPreview.jsx

@@ -1,4 +1,3 @@
-// src/components/Dashboard/CVBuilder/CVPreview.jsx
 import React from 'react';
 import { ArrowLeft, Download } from 'lucide-react';
 

frontend/src/components/Dashboard/CVBuilder/CVStatus.jsx

@@ -1,4 +1,3 @@
-// src/components/Dashboard/CVBuilder/CVStatus.jsx
 import React from 'react';
 import { Download, FileText, Edit, Calendar } from 'lucide-react';
 

frontend/src/components/Register/Register.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { User, Mail, Phone, Lock, Eye, EyeOff, ArrowLeft, GraduationCap } from 'lucide-react';
+import api from '../../utils/api';
 
 const Register = ({ onRegister, onNavigateToLogin }) => {
   const [formData, setFormData] = useState({
@@ -18,10 +19,10 @@ const Register = ({ onRegister, onNavigateToLogin }) => {
 
   const handleSubmit = async (e) => {
     e.preventDefault();
-    
+
     const requiredFields = Object.keys(formData);
     const emptyFields = requiredFields.filter(field => !formData[field].trim());
-    
+
     if (emptyFields.length > 0) {
       setError('Please fill in all fields');
       return;
@@ -41,21 +42,15 @@ const Register = ({ onRegister, onNavigateToLogin }) => {
     setError('');
 
     try {
-      const response = await fetch('/api/auth/register', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(formData)
-      });
-
-      if (response.ok) {
-        const userData = await response.json();
-        onRegister(userData);
+      const response = await api.post('/users/register', formData);
+      onRegister(response.data);
+    } catch (err) {
+      console.error(err);
+      if (err.response) {
+        setError(err.response.data?.message || 'Registration failed');
       } else {
-        const errorData = await response.json();
-        setError(errorData.message || 'Registration failed');
+        setError('Network error. Please try again.');
       }
-    } catch (err) {
-      setError('Network error. Please try again.');
     } finally {
       setLoading(false);
     }
@@ -65,9 +60,9 @@ const Register = ({ onRegister, onNavigateToLogin }) => {
     <div className="min-h-screen bg-gradient-to-r from-[#04445E] to-[#169AB4] flex items-center justify-center p-4">
       <div className="bg-white rounded-2xl shadow-2xl p-6 w-full max-w-5xl">
         <div className="text-left mb-6">
-          <img 
-            src="/NEXT-STEPS-LOGO.png" 
-            alt="Next Steps Logo" 
+          <img
+            src="/NEXT-STEPS-LOGO.png"
+            alt="Next Steps Logo"
             className="h-12 mb-3"
           />
           <h1 className="text-2xl font-bold text-[#04445E] mb-1">Create Your Account</h1>