Feature/auth dashboard email enhancements

client/package.json

@@ -10,10 +10,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@react-oauth/google": "^0.13.4",
     "axios": "^1.13.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-router": "^7.13.1",
+    "react-router-dom": "^7.14.0",
     "sass": "^1.98.0"
   },
   "devDependencies": {

client/src/App.jsx

@@ -3,18 +3,23 @@ import {router} from "./app.routes.jsx"
 import { AuthProvider } from "./features/auth/auth.context.jsx"
 import { InterviewProvider } from "./features/auth/interview/pages/interview.context.jsx"
 
+// ✅ NEW IMPORT
+import { GoogleOAuthProvider } from '@react-oauth/google'
+
 function App() {
 
   return (
-    <AuthProvider>
+    // ✅ SABSE OUTER WRAPPER
+<GoogleOAuthProvider clientId={import.meta.env.VITE_GOOGLE_CLIENT_ID}>
+
+      <AuthProvider>
+        <InterviewProvider>
+          <RouterProvider router={router}/>
+        </InterviewProvider>
+      </AuthProvider>
 
-    <InterviewProvider>
-   <RouterProvider router={router}/>
-    </InterviewProvider>
-
-   </AuthProvider>
-
+    </GoogleOAuthProvider>
   )
 }
 
-export default App
+export default App

client/src/app.routes.jsx

@@ -1,26 +1,58 @@
-import {createBrowserRouter} from "react-router"
-import Login from "./features/auth/pages/Login.jsx"
-import Register from "./features/auth/pages/Register.jsx"
-import Protected from "./features/auth/components/Protected.jsx"
-import Home from "./features/auth/interview/pages/Home.jsx"
-import Interview from "./features/auth/interview/pages/Interview.jsx"
+import { createBrowserRouter, Navigate } from "react-router-dom";
 
-export const router=createBrowserRouter([
-    {
-        path:"/login",
-        element:<Login/>
-    },
-    {
-        path:"/register",
-        element:<Register/>
-    },
-    {
-        path:"/",
-        element:<Protected><Home/></Protected>
-    },
-    {
-        path:"/interview/:interviewId",
-        element:<Protected><Interview/></Protected>
-    }
-])
+import Landing from "./features/auth/pages/Landing.jsx";
+import Login from "./features/auth/pages/Login.jsx";
+import Register from "./features/auth/pages/Register.jsx";
+import ForgotPassword from "./features/auth/pages/ForgotPassword.jsx";
+import VerifyCode from "./features/auth/pages/VerifyCode.jsx";
+import ResetPassword from "./features/auth/pages/ResetPassword.jsx";
+import Protected from "./features/auth/components/Protected.jsx";
+import Home from "./features/auth/interview/pages/Home.jsx";
+import Interview from "./features/auth/interview/pages/Interview.jsx";
 
+export const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <Landing />,
+  },
+  {
+    path: "/login",
+    element: <Login />,
+  },
+  {
+    path: "/register",
+    element: <Register />,
+  },
+  {
+    path: "/forgot-password",
+    element: <ForgotPassword />,
+  },
+  {
+    path: "/verify-code",
+    element: <VerifyCode />,
+  },
+  {
+    path: "/reset-password",
+    element: <ResetPassword />,
+  },
+  {
+    path: "/dashboard",
+    element: (
+      <Protected>
+        <Home />
+      </Protected>
+    ),
+  },
+  {
+    path: "/interview/:interviewId",
+    element: (
+      <Protected>
+        <Interview />
+      </Protected>
+    ),
+  },
+  {
+    path: "*",
+    element: <Navigate to="/" replace />,
+  },
+]);

client/src/features/auth/auth.context.jsx

@@ -1,14 +1,42 @@
-import {createContext, useState} from "react"
+// src/features/auth/auth.context.jsx
+import { createContext, useState, useEffect } from "react";
+import { getMe } from "../auth/services/auth.api";
 
-export const AuthContext = createContext()
+export const AuthContext = createContext();
 
-export const AuthProvider = ({children}) => {
-    const [user, setUser] = useState(null)
-    const [loading, setLoading] = useState(true) // ✅ true rakho
+export const AuthProvider = ({ children }) => {
+    const [user, setUser] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
 
-    return(
-        <AuthContext.Provider value={{user, setUser, loading, setLoading}}>
+    // Check login status on app start
+    useEffect(() => {
+        const checkAuth = async () => {
+            try {
+                const data = await getMe();
+                setUser(data.user || data);
+            } catch (err) {
+                setUser(null);
+            } finally {
+                setLoading(false);
+            }
+        };
+        checkAuth();
+    }, []);
+
+    const clearError = () => setError(null);
+
+    return (
+        <AuthContext.Provider value={{
+            user,
+            setUser,
+            loading,
+            setLoading,
+            error,
+            setError,
+            clearError
+        }}>
             {children}
         </AuthContext.Provider>
-    )
-}
+    );
+};