bug: integrated cart's frontend with backend+ other issues resolved

backend/src/routes/cartRoutes.ts

@@ -6,13 +6,15 @@ import {
   getCart,
   checkout,
 } from "../controllers/cart.controller";
+import { authenticate } from "../middleware/authMiddleware";
 
 const router: Router = express.Router();
 
-router.post("/", addItem);
-router.patch("/:itemId", updateQuantity);
-router.delete("/:itemId", removeItem);
-router.get("/", getCart);
-router.post("/checkout", checkout);
+//Protected routes
+router.post("/", authenticate, addItem);
+router.patch("/:itemId", authenticate, updateQuantity);
+router.delete("/:itemId", authenticate, removeItem);
+router.get("/", authenticate, getCart);
+router.post("/checkout", authenticate, checkout);
 
-export default router;
+export default router;

frontend/src/App.tsx

@@ -9,41 +9,37 @@ import Browse from "./pages/Browse";
 import Sell from "./pages/Sell";
 import ProductDetailsPage from "./pages/ProductDetail";
 import Navbar from "./components/Navbar";
-import { CartProvider } from "./components/CartContext.jsx";
-import Home from "./pages/Home.jsx";
-import Cart from "./pages/Cart.jsx";
+import { CartProvider } from "./components/CartContext";
+import Cart from "./pages/Cart";
 import Payment from "./pages/Payment";
 import Dashboard from "./pages/Dashboard";
+
 const queryClient = new QueryClient();
 
 const App = () => (
   <QueryClientProvider client={queryClient}>
     <TooltipProvider>
       <Toaster />
-
-      <BrowserRouter>
-            <Navbar />
-      <div className="pt-[50px]">
-        <CartProvider>
-
-        <Routes>
-          <Route path="/" element={<Index />} />
-
-          <Route path="/signup" element={<SignUp />} />
-          <Route path="/signin" element={<SignIn />} />
-          <Route path="/browse" element={<Browse />} />
-          <Route path="/product/:id" element={<ProductDetailsPage />} />
-          <Route path="/CartHome" element={<Home />} />
-          <Route path="/cart" element={<Cart />} />
-          <Route path="/payment" element={<Payment />} />
-          <Route path="/sell" element={<Sell />} />
-          <Route path="/dashboard" element={<Dashboard />} />
-        </Routes>
-        </CartProvider>
-        </div>
-      </BrowserRouter>
+      <CartProvider>
+        <BrowserRouter>
+          <Navbar />
+          <div className="pt-[50px]">
+            <Routes>
+              <Route path="/" element={<Index />} />
+              <Route path="/signup" element={<SignUp />} />
+              <Route path="/signin" element={<SignIn />} />
+              <Route path="/browse" element={<Browse />} />
+              <Route path="/product/:id" element={<ProductDetailsPage />} />
+              <Route path="/cart" element={<Cart />} />
+              <Route path="/payment" element={<Payment />} />
+              <Route path="/sell" element={<Sell />} />
+              <Route path="/dashboard" element={<Dashboard />} />
+            </Routes>
+          </div>
+        </BrowserRouter>
+      </CartProvider>
     </TooltipProvider>
   </QueryClientProvider>
 );
 
-export default App;
+export default App;