Auto commit: 2026-03-13T01:54:34.535Z

frontend/src/AdminLayout.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Link, Outlet } from 'react-router-dom';
+
+const AdminLayout: React.FC = () => {
+  return (
+    <div className="flex min-h-screen bg-gray-100">
+      <aside className="w-64 bg-white shadow-md">
+        <div className="p-6 text-2xl font-bold text-gray-800">Admin Panel</div>
+        <nav className="mt-6">
+          <Link to="/admin/products" className="block py-2.5 px-4 rounded hover:bg-gray-200">Products</Link>
+          <Link to="/admin/categories" className="block py-2.5 px-4 rounded hover:bg-gray-200">Categories</Link>
+          <Link to="/admin/sellers" className="block py-2.5 px-4 rounded hover:bg-gray-200">Sellers</Link>
+        </nav>
+      </aside>
+      <main className="flex-1 p-8">
+        <Outlet />
+      </main>
+    </div>
+  );
+};
+
+export default AdminLayout;

frontend/src/App.tsx

@@ -4,6 +4,7 @@ import LoginPage from './LoginPage';
 import ProductList from './ProductList';
 import ProductDetail from './ProductDetail';
 import CartPage from './CartPage';
+import AdminLayout from './AdminLayout';
 import { CartProvider } from './CartContext';
 import { AuthProvider } from './AuthContext';
 
@@ -12,15 +13,26 @@ function App() {
     <Router>
       <AuthProvider>
         <CartProvider>
-          <Header />
+          <Routes>
-          <main>
+            <Route path="/*" element={
-            <Routes>
+              <>
-              <Route path="/" element={<ProductList />} />
+                <Header />
-              <Route path="/product/:id" element={<ProductDetail />} />
+                <main>
-              <Route path="/cart" element={<CartPage />} />
+                  <Routes>
-              <Route path="/login" element={<LoginPage />} />
+                    <Route path="/" element={<ProductList />} />
-            </Routes>
+                    <Route path="/product/:id" element={<ProductDetail />} />
-          </main>
+                    <Route path="/cart" element={<CartPage />} />
+                    <Route path="/login" element={<LoginPage />} />
+                  </Routes>
+                </main>
+              </>
+            } />
+            <Route path="/admin/*" element={<AdminLayout />}>
+              <Route path="products" element={<div>Product Management (To be implemented)</div>} />
+              <Route path="categories" element={<div>Category Management (To be implemented)</div>} />
+              <Route path="sellers" element={<div>Seller Management (To be implemented)</div>} />
+            </Route>
+          </Routes>
         </CartProvider>
       </AuthProvider>
     </Router>