+
+ Dashboard
+
+
+ Email: {user?.email}
+Role: {user?.role}
+Status: {user?.status}
++ Member since:{" "} + {user?.joined_at + ? new Date(user.joined_at).toLocaleDateString() + : "N/A"} +
+
+
+ );
+};
diff --git a/src/pages/StudentDashboard.tsx b/src/pages/StudentDashboard.tsx
new file mode 100644
index 0000000..cd677a7
--- /dev/null
+++ b/src/pages/StudentDashboard.tsx
@@ -0,0 +1,62 @@
+import { useNavigate } from "react-router-dom";
+import { useAuthStore } from "../stores/authStore";
+
+export const StudentDashboard = () => {
+ const user = useAuthStore((state) => state.user);
+ const logout = useAuthStore((state) => state.logout);
+ const navigate = useNavigate();
+
+ const handleLogout = () => {
+ logout();
+ navigate("/login");
+ };
+
+ return (
+
+
+
+ 
+
+
+ + Welcome Back +
+
+
+
+
+ setEmail(e.target.value)}
+ disabled={isLoading}
+ className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent outline-none transition disabled:bg-gray-100 disabled:cursor-not-allowed"
+ placeholder="Enter your email"
+ />
+
+
+
+
+ setPassword(e.target.value)}
+ disabled={isLoading}
+ className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent outline-none transition disabled:bg-gray-100 disabled:cursor-not-allowed"
+ placeholder="Enter your password"
+ />
+
+
+ {error && (
+
+
+
+
+
+ {error}
+
+ )}
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/stores/authStore.ts b/src/stores/authStore.ts
new file mode 100644
index 0000000..94309bf
--- /dev/null
+++ b/src/stores/authStore.ts
@@ -0,0 +1,75 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { api, type User, type LoginRequest } from "../utils/api";
+
+interface AuthState {
+ user: User | null;
+ token: string | null;
+ isAuthenticated: boolean;
+ isLoading: boolean;
+ error: string | null;
+ login: (credentials: LoginRequest) => Promise