feat: Implement admin dashboard with authentication, you can add projects in the showroom directky through the admin panel , protected routes, and a Code of Conduct page.

Author: rishabhvyas17

client/.env.example

@@ -0,0 +1,4 @@
+# Supabase Configuration
+# Copy this file to .env and fill in your values
+VITE_SUPABASE_URL=your_supabase_project_url
+VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

client/.gitignore

@@ -12,6 +12,11 @@ dist
 dist-ssr
 *.local
 
+# Environment variables (sensitive!)
+.env
+.env.local
+.env.*.local
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

client/package-lock.json

@@ -13,6 +13,7 @@
     "@react-three/drei": "^10.7.6",
     "@react-three/fiber": "^9.3.0",
     "@studio-freight/lenis": "^1.0.42",
+    "@supabase/supabase-js": "^2.93.2",
     "framer-motion": "^12.23.21",
     "lucide-react": "^0.562.0",
     "react": "^19.1.1",
@@ -29,7 +30,7 @@
     "@vitejs/plugin-react": "^5.0.3",
     "autoprefixer": "^10.4.21",
     "babel-plugin-styled-components": "^2.1.4",
-    "baseline-browser-mapping": "^2.8.30",
+    "baseline-browser-mapping": "^2.9.19",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",

client/package.json

@@ -1,4 +1,4 @@
-import { Routes, Route } from 'react-router-dom';
+import { Routes, Route, useLocation } from 'react-router-dom';
 import Header from './components/Header';
 import HomePage from './pages/HomePage';
 import ShowroomPage from './pages/ShowroomPage';
@@ -9,10 +9,35 @@ import JoinPage from './pages/JoinPage';
 import PrivacyPolicyPage from './pages/PrivacyPolicy';
 import ScrollToTop from './components/ScrollTop';
 import TermsAndConditionsPage from './pages/TermsAndConditions';
+import CodeOfConduct from './pages/CodeOfConduct';
 
-
+// Admin imports
+import AdminLogin from './pages/admin/AdminLogin';
+import Dashboard from './pages/admin/Dashboard';
+import ProtectedRoute from './components/ProtectedRoute';
 
 export default function App() {
+  const location = useLocation();
+  const isAdminRoute = location.pathname.startsWith('/admin');
+
+  // Admin routes render without the main site layout
+  if (isAdminRoute) {
+    return (
+      <Routes>
+        <Route path="/admin/login" element={<AdminLogin />} />
+        <Route
+          path="/admin"
+          element={
+            <ProtectedRoute>
+              <Dashboard />
+            </ProtectedRoute>
+          }
+        />
+      </Routes>
+    );
+  }
+
+  // Main site routes
   return (
     <div className="relative min-h-screen w-full bg-base">
       <ScrollToTop />
@@ -28,6 +53,7 @@ export default function App() {
           <Route path="/privacy" element={<PrivacyPolicyPage />} />
           <Route path="/terms" element={<TermsAndConditionsPage />} />
           <Route path="/apply" element={<JoinPage />} />
+          <Route path="/code-of-conduct" element={<CodeOfConduct />} />
         </Routes>
       </main>
       <Footer />