From 4af62ff7f3795a4a4a85bd9ed5dd34ea2a2e8529 Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Sun, 20 Apr 2025 13:08:01 +0545
Subject: [PATCH 01/11] login

---
 Frontend/src/App.jsx                          |  13 +-
 Frontend/src/components/Cart/Cart.jsx         | 138 ++++++
 .../src/components/Context/AuthContext.jsx    |  53 ++
 .../src/components/Context/ShopContext.jsx    | 453 +++++++++---------
 Frontend/src/components/Pages/CartPage.jsx    |  87 ++++
 Frontend/src/components/Pages/Header.jsx      |  22 +-
 Frontend/src/components/Pages/Login.jsx       | 195 +++-----
 Frontend/src/components/Pages/Navbar.jsx      |  26 +-
 Frontend/src/components/Pages/Products.jsx    | 276 +++++++----
 Frontend/src/components/ProductCard.jsx       |  32 ++
 Frontend/src/components/api/axiosInstance.jsx |  12 +
 11 files changed, 829 insertions(+), 478 deletions(-)
 create mode 100644 Frontend/src/components/Context/AuthContext.jsx
 create mode 100644 Frontend/src/components/Pages/CartPage.jsx
 create mode 100644 Frontend/src/components/ProductCard.jsx
 create mode 100644 Frontend/src/components/api/axiosInstance.jsx

diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index f108356..09c6a7f 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -4,22 +4,27 @@ import Home from "./components/Pages/Home";
 import About from "./components/Pages/About";
 import Contact from "./components/Pages/Contact";
 import Products from "./components/Pages/Products";
-import Cart from "./components/Cart/Cart";
+// import Cart from "./components/Cart/Cart";
 import Login from "./components/Pages/Login";
 import PlaceOrder from "./components/Pages/PlaceOrder";
 import Orders from "./components/Pages/Orders";
 import Navbar from "./components/Pages/Navbar";
 // import Policy from "./components/Pages/Policies";
+// import { CartProvider } from "./components/Cart/Cart";
 import Footer from './components/Pages/Footer';
 import Collection from "./components/Pages/Collection";
 import Register from "./components/Pages/Register";
 import SearchBar from "./components/Pages/SearchBar";
+// import { AuthProvider } from "./components/Context/AuthContext";
 // import AuthProtected from "./components/AuthProtected";
 // import { ShopContextProvider } from "./components/Context/ShopContext";
 function App() {
 	return (
 		<>
 
+			{/* <AuthProvider> */}
+			{/* <CartProvider> */}
+
 			<Navbar/>
 			<SearchBar/>
 				<Routes>
@@ -28,14 +33,18 @@ function App() {
 					<Route path="/about" element={<About />} />
 					<Route path="/contact" element={<Contact />} />
 					<Route path="/product/:productId" element={<Products />} />
-					<Route path="/cart" element={<Cart />} />
+					{/* <Route path="/cart" element={<Cart />} /> */}
 					<Route path="/login" element={<Login />} />
 					<Route path="/register" element={<Register />} />
 					<Route path="/place-order" element={<PlaceOrder />} />
 					<Route path="/orders" element={<Orders />} />
 				</Routes>
+
 				{/* <Policy/> */}
 		<Footer/>
+		{/* </CartProvider> */}
+
+				{/* </AuthProvider> */}
 		</>
 	);
 }
diff --git a/Frontend/src/components/Cart/Cart.jsx b/Frontend/src/components/Cart/Cart.jsx
index 38ab22a..92da66a 100644
--- a/Frontend/src/components/Cart/Cart.jsx
+++ b/Frontend/src/components/Cart/Cart.jsx
@@ -1,3 +1,141 @@
+// import React, { useContext, useEffect } from 'react'
+// import { ShopContext } from '../Context/ShopContext'
+
+// function Cart() {
+//   const {products,currency, cartItems} =useContext(ShopContext)
+
+//   const [cartData, setCartData] = useState([])
+
+//   useEffect(()=>{
+
+//     const tempData =[]
+//     for(const items in cartItems){
+//       for(const item in cartItems[items])
+//         {
+
+//         }
+    
+//       }
+//   })
+//   return (
+//     <div>Cart</div>
+//   )
+// }
+
+// export default Cart
+// contexts/CartContext.js
+// import { createContext, useContext, useEffect, useState } from 'react';
+// import axios from 'axios';
+
+// const CartContext = createContext();
+
+// export const CartProvider = ({ children }) => {
+//   const [cart, setCart] = useState([]);
+//   const [totalAmount, setTotalAmount] = useState(0);
+//   const [loading, setLoading] = useState(false);
+//   const [error, setError] = useState(null);
+
+//   // Fetch cart on initial load
+//   useEffect(() => {
+//     fetchCart();
+//   }, []);
+
+//   const fetchCart = async () => {
+//     try {
+//       setLoading(true);
+//       const response = await axios.get('/api/show-cart/', {
+//         headers: {
+//           Authorization: `Bearer ${localStorage.getItem('access_token')}`
+//         }
+//       });
+//       setCart(response.data.cart_items);
+//       setTotalAmount(response.data.total_amount);
+//     } catch (err) {
+//       setError(err.response?.data?.error || 'Failed to fetch cart');
+//     } finally {
+//       setLoading(false);
+//     }
+//   };
+
+//   const addToCart = async (productId, quantity = 1) => {
+//     try {
+//       setLoading(true);
+//       await axios.post('/api/add-to-cart/', {
+//         product_id: productId,
+//         quantity: quantity
+//       }, {
+//         headers: {
+//           Authorization: `Bearer ${localStorage.getItem('access_token')}`
+//         }
+//       });
+//       await fetchCart(); // Refresh cart
+//     } catch (err) {
+//       setError(err.response?.data?.error || 'Failed to add to cart');
+//     } finally {
+//       setLoading(false);
+//     }
+//   };
+
+//   const removeFromCart = async (cartItemId) => {
+//     try {
+//       setLoading(true);
+//       await axios.post('/api/remove-cart/', {
+//         cart_item_id: cartItemId
+//       }, {
+//         headers: {
+//           Authorization: `Bearer ${localStorage.getItem('access_token')}`
+//         }
+//       });
+//       await fetchCart(); // Refresh cart
+//     } catch (err) {
+//       setError(err.response?.data?.error || 'Failed to remove item');
+//     } finally {
+//       setLoading(false);
+//     }
+//   };
+
+//   const updateQuantity = async (cartItemId, newQuantity) => {
+//     try {
+//       setLoading(true);
+//       if (newQuantity > 0) {
+//         await axios.post('/api/plus-cart/', {
+//           cart_item_id: cartItemId,
+//           quantity: newQuantity
+//         }, {
+//           headers: {
+//             Authorization: `Bearer ${localStorage.getItem('access_token')}`
+//           }
+//         });
+//       } else {
+//         await removeFromCart(cartItemId);
+//       }
+//       await fetchCart(); // Refresh cart
+//     } catch (err) {
+//       setError(err.response?.data?.error || 'Failed to update quantity');
+//     } finally {
+//       setLoading(false);
+//     }
+//   };
+
+//   return (
+//     <CartContext.Provider
+//       value={{
+//         cart,
+//         totalAmount,
+//         loading,
+//         error,
+//         addToCart,
+//         removeFromCart,
+//         updateQuantity,
+//         fetchCart
+//       }}
+//     >
+//       {children}
+//     </CartContext.Provider>
+//   );
+// };
+
+// export const useCart = () => useContext(CartContext);\
 import React from 'react'
 
 function Cart() {
diff --git a/Frontend/src/components/Context/AuthContext.jsx b/Frontend/src/components/Context/AuthContext.jsx
new file mode 100644
index 0000000..9d7014b
--- /dev/null
+++ b/Frontend/src/components/Context/AuthContext.jsx
@@ -0,0 +1,53 @@
+// // src/Context/AuthContext.js
+// import React, { createContext, useState, useEffect } from 'react';
+// import axios from '../api/axiosInstance';
+// import { useNavigate } from 'react-router-dom';
+
+// export const AuthContext = createContext();
+
+// export const AuthProvider = ({ children }) => {
+//   const navigate = useNavigate();
+
+//   const [user, setUser] = useState(() => JSON.parse(localStorage.getItem('user')) || null);
+//   const [isLoggedIn, setIsLoggedIn] = useState(!!localStorage.getItem('access_token'));
+
+//   const login = async (username, password) => {
+//     const response = await axios.post('/login/', { username, password });
+//     const { access, refresh, user } = response.data;
+
+//     localStorage.setItem('access_token', access);
+//     localStorage.setItem('refresh_token', refresh);
+//     localStorage.setItem('user', JSON.stringify(user));
+
+//     axios.defaults.headers.common['Authorization'] = `Bearer ${access}`;
+
+//     setUser(user);
+//     setIsLoggedIn(true);
+//     navigate('/');
+//   };
+
+//   const logout = () => {
+//     localStorage.removeItem('access_token');
+//     localStorage.removeItem('refresh_token');
+//     localStorage.removeItem('user');
+
+//     delete axios.defaults.headers.common['Authorization'];
+
+//     setUser(null);
+//     setIsLoggedIn(false);
+//     navigate('/login');
+//   };
+
+//   useEffect(() => {
+//     const accessToken = localStorage.getItem('access_token');
+//     if (accessToken) {
+//       axios.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`;
+//     }
+//   }, []);
+
+//   return (
+//     <AuthContext.Provider value={{ user, isLoggedIn, login, logout }}>
+//       {children}
+//     </AuthContext.Provider>
+//   );
+// };
diff --git a/Frontend/src/components/Context/ShopContext.jsx b/Frontend/src/components/Context/ShopContext.jsx
index be1c3f6..4c10305 100644
--- a/Frontend/src/components/Context/ShopContext.jsx
+++ b/Frontend/src/components/Context/ShopContext.jsx
@@ -1,232 +1,186 @@
 
+import React, { createContext, useState, useEffect, useMemo } from "react";
 
-// 
-// // import React, { createContext, useState, useEffect } from 'react';
+export const ShopContext = createContext();
 
-// // export const ShopContext = createContext(null);
+function ShopContextProvider(props) {
+  const [state, setState] = useState({
+    products: [],
+    loading: true,
+    error: null,
+  });
+  const [cartItems, setCartItems] = useState({});
+  const [cartLoading, setCartLoading] = useState(false);
+  const [cartError, setCartError] = useState(null);
+  const currency = "Rs.";
+  const delivery_fee = 100;
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showSearch, setShowSearch] = useState(false);
 
-// // export const ShopContextProvider = (props) => {
-// //   const [products, setProducts] = useState([]);
-// //   const [isLoggedIn, setIsLoggedIn] = useState(false);
-// //   const [user, setUser] = useState(null);
-// //   const [cart, setCart] = useState([]);
-// //   const [loading, setLoading] = useState(false);
-  
-// //   // Helper function to create fetch options with authentication
-// //   const createAuthHeaders = () => {
-// //     const token = localStorage.getItem('access_token');
-// //     return {
-// //       'Content-Type': 'application/json',
-// //       'Authorization': token ? `Bearer ${token}` : ''
-// //     };
-// //   };
-  
-// //   // Check if user is logged in on component mount
-// //   useEffect(() => {
-// //     const checkAuthStatus = async () => {
-// //       const token = localStorage.getItem('access_token');
-// //       if (token) {
-// //         try {
-// //           const response = await fetch('http://localhost:8000/api/user/', {
-// //             headers: {
-// //               'Authorization': `Bearer ${token}`
-// //             }
-// //           });
-          
-// //           if (!response.ok) {
-// //             throw new Error('Token invalid');
-// //           }
-// //           const userData = await response.json();
-// //           setUser(userData);
-          
-// //           setIsLoggedIn(true);
-// //         } catch (error) {
-// //           console.error("Auth token validation failed:", error);
-// //           logout(); // Clear invalid tokens
-// //         }
-// //       }
-// //     };
-    
-// //     checkAuthStatus();
-// //   }, []);
-  
-// //   // Fetch products
-// //   useEffect(() => {
-// //     const fetchProducts = async () => {
-// //       try {
-// //         setLoading(true);
-// //         const response = await fetch('http://localhost:8000/api/products/');
-// //         if (!response.ok) {
-// //           throw new Error('Failed to fetch products');
-// //         }
-// //         const data = await response.json();
-// //         setProducts(data);
-// //         setLoading(false);
-// //       } catch (error) {
-// //         console.error("Error fetching products:", error);
-// //         setLoading(false);
-// //       }
-// //     };
-    
-// //     fetchProducts();
-// //   }, []);
-  
-// //   // Fetch cart if user is logged in
-// //   useEffect(() => {
-// //     if (isLoggedIn) {
-// //       fetchCart();
-// //     }
-// //   }, [isLoggedIn]);
-  
-// //   const fetchCart = async () => {
-// //     try {
-// //       const response = await fetch('http://localhost:8000/api/show-cart/', {
-// //         headers: createAuthHeaders()
-// //       });
+  const addToCart = async (itemId, quantity = 1) => {
+    try {
+      // First update local state for immediate UI feedback
+      setCartItems((prevCart) => {
+        const itemIdStr = String(itemId);
+        return {
+          ...prevCart,
+          [itemIdStr]: (prevCart[itemIdStr] || 0) + quantity,
+        };
+      });
       
-// //       if (!response.ok) {
-// //         throw new Error('Failed to fetch cart');
-// //       }
+      const token = localStorage.getItem('token');
+      if (!token) {
+        // If no token, just keep the local cart (guest mode)
+        return;
+      }
       
-// //       const data = await response.json();
-// //       setCart(data);
-// //     } catch (error) {
-// //       console.error("Error fetching cart:", error);
-// //     }
-// //   };
-  
-// //   const addToCart = async (productId) => {
-// //     if (!isLoggedIn) {
-// //       // Redirect to login or show login modal
-// //       return false;
-// //     }
-    
-// //     try {
-// //       const response = await fetch('http://localhost:8000/api/add-to-cart/', {
-// //         method: 'POST',
-// //         headers: createAuthHeaders(),
-// //         body: JSON.stringify({
-// //           product: productId
-// //         })
-// //       });
+      // Then sync with backend
+      const response = await fetch('http://localhost:8000/add-to-cart/', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${token}`
+        },
+        body: JSON.stringify({
+          product_id: itemId,
+          quantity: quantity
+        })
+      });
       
-// //       if (!response.ok) {
-// //         throw new Error('Failed to add item to cart');
-// //       }
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || 'Failed to sync with server');
+      }
       
-// //       await fetchCart(); // Refresh cart after adding item
-// //       return true;
-// //     } catch (error) {
-// //       console.error("Error adding to cart:", error);
-// //       return false;
-// //     }
-// //   };
-  
-// //   const updateCartQuantity = async (productId, action) => {
-// //     try {
-// //       const endpoint = action === 'increase' 
-// //         ? 'http://localhost:8000/api/plus-cart/' 
-// //         : 'http://localhost:8000/api/minus-cart/';
+      // Optionally fetch the updated cart to ensure consistency
+      await fetchCartFromBackend();
       
-// //       const response = await fetch(endpoint, {
-// //         method: 'POST',
-// //         headers: createAuthHeaders(),
-// //         body: JSON.stringify({
-// //           product: productId
-// //         })
-// //       });
+    } catch (error) {
+      console.error('Error syncing cart with server:', error);
+      setCartError('Failed to add item to cart. Please try again.');
       
-// //       if (!response.ok) {
-// //         throw new Error(`Failed to ${action} cart quantity`);
-// //       }
+      // Revert local state if server sync fails
+      fetchCartFromBackend();
+    }
+  };
+
+  const removeFromCart = async (itemId, quantity = 1) => {
+    const itemIdStr = String(itemId);
+    const currentQty = cartItems[itemIdStr] || 0;
+    
+    try {
+      // Update local state first for immediate feedback
+      setCartItems((prevCart) => {
+        const newQty = Math.max(0, currentQty - quantity);
+        
+        if (newQty <= 0) {
+          const { [itemIdStr]: _, ...rest } = prevCart;
+          return rest;
+        }
+        
+        return {
+          ...prevCart,
+          [itemIdStr]: newQty,
+        };
+      });
       
-// //       await fetchCart(); // Refresh cart
-// //     } catch (error) {
-// //       console.error(`Error ${action} cart quantity:`, error);
-// //     }
-// //   };
-  
-// //   const removeFromCart = async (productId) => {
-// //     try {
-// //       const response = await fetch('http://localhost:8000/api/remove-cart/', {
-// //         method: 'POST',
-// //         headers: createAuthHeaders(),
-// //         body: JSON.stringify({
-// //           product: productId
-// //         })
-// //       });
+      const token = localStorage.getItem('token');
+      if (!token) {
+        // If no token, just keep the local cart (guest mode)
+        return;
+      }
       
-// //       if (!response.ok) {
-// //         throw new Error('Failed to remove item from cart');
-// //       }
+      // Then sync with backend
+      const endpoint = quantity >= currentQty ? 
+        'http://localhost:8000/remove-cart/' : 
+        'http://localhost:8000/minus-cart/';
+        
+      const response = await fetch(endpoint, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${token}`
+        },
+        body: JSON.stringify({
+          product_id: itemId
+        })
+      });
       
-// //       await fetchCart(); // Refresh cart
-// //     } catch (error) {
-// //       console.error("Error removing from cart:", error);
-// //     }
-// //   };
-  
-// //   const logout = async () => {
-// //     const refreshToken = localStorage.getItem('refresh_token');
-    
-// //     // Try to blacklist the token on the server
-// //     if (refreshToken) {
-// //       try {
-// //         await fetch('http://localhost:8000/api/logout/', {
-// //           method: 'POST',
-// //           headers: createAuthHeaders(),
-// //           body: JSON.stringify({
-// //             refresh: refreshToken
-// //           })
-// //         });
-// //       } catch (error) {
-// //         console.error("Error during logout:", error);
-// //       }
-// //     }
-    
-// //     // Clear local storage and state regardless of server response
-// //     localStorage.removeItem('access_token');
-// //     localStorage.removeItem('refresh_token');
-// //     setIsLoggedIn(false);
-// //     setUser(null);
-// //     setCart([]);
-// //   };
-
-// //   const contextValue = {
-// //     products,
-// //     isLoggedIn,
-// //     setIsLoggedIn,
-// //     user,
-// //     setUser,
-// //     cart,
-// //     loading,
-// //     addToCart,
-// //     updateCartQuantity,
-// //     removeFromCart,
-// //     logout,
-// //     fetchCart
-// //   };
-
-// //   return (
-// //     <ShopContext.Provider value={contextValue}>
-// //       {props.children}
-// //     </ShopContext.Provider>
-// //   );
-// // };
-import React, { createContext, useState, useEffect, useMemo } from "react";
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || 'Failed to sync with server');
+      }
+      
+      // Optionally fetch the updated cart to ensure consistency
+      await fetchCartFromBackend();
+      
+    } catch (error) {
+      console.error('Error syncing cart with server:', error);
+      setCartError('Failed to update cart. Please try again.');
+      
+      // Revert local state if server sync fails
+      fetchCartFromBackend();
+    }
+  };
 
-export const ShopContext = createContext();
+  const getCartCount = () => {
+    return Object.values(cartItems).reduce((total, quantity) => total + quantity, 0);
+  };
 
-function ShopContextProvider(props) {
-  const [state, setState] = useState({
-    products: [],
-    loading: true,
-    error: null
-  });
-  const currency = 'Rs.';
-  const delivery_fee = 100;
-  const [searchQuery, setSearchQuery] = useState('');
-  const [showSearch, setShowSearch] = useState(false);
+  const getTotalCartAmount = () => {
+    let total = 0;
+    for (const itemId in cartItems) {
+      const item = state.products.find(product => String(product.id) === itemId);
+      if (item) {
+        total += item.price * cartItems[itemId];
+      }
+    }
+    return total;
+  };
+  
+  const fetchCartFromBackend = async () => {
+    setCartLoading(true);
+    setCartError(null);
+    
+    try {
+      const token = localStorage.getItem('token');
+      if (!token) {
+        setCartLoading(false);
+        return;
+      }
+      
+      const response = await fetch('http://localhost:8000/show-cart/', {
+        headers: {
+          'Authorization': `Bearer ${token}`
+        }
+      });
+      
+      if (!response.ok) {
+        if (response.status === 401) {
+          // Token expired or invalid
+          localStorage.removeItem('token');
+          setCartItems({});
+          throw new Error('Your session has expired. Please log in again.');
+        }
+        throw new Error('Failed to fetch cart');
+      }
+      
+      const data = await response.json();
+      
+      // Convert backend cart format to frontend format
+      const cartState = {};
+      data.cart_items.forEach(item => {
+        cartState[item.product.id] = item.quantity;
+      });
+      
+      setCartItems(cartState);
+    } catch (error) {
+      console.error('Error fetching cart:', error);
+      setCartError(error.message);
+    } finally {
+      setCartLoading(false);
+    }
+  };
 
   // Fetch products
   useEffect(() => {
@@ -235,27 +189,29 @@ function ShopContextProvider(props) {
 
     const fetchProducts = async () => {
       try {
-        const response = await fetch('http://localhost:8000/products/', { signal });
-        
+        const response = await fetch("http://localhost:8000/products/", {
+          signal,
+        });
+
         if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
         }
-        
+
         const data = await response.json();
-        
+
         setState({
           products: data,
           loading: false,
-          error: null
+          error: null,
         });
       } catch (err) {
-        if (err.name === 'AbortError') {
-          console.log('Fetch aborted');
+        if (err.name === "AbortError") {
+          console.log("Fetch aborted");
         } else {
-          setState(prev => ({
+          setState((prev) => ({
             ...prev,
             loading: false,
-            error: err.message
+            error: err.message,
           }));
         }
       }
@@ -266,16 +222,42 @@ function ShopContextProvider(props) {
     return () => controller.abort();
   }, []);
 
+  // Load cart on initial mount or when token changes
+  useEffect(() => {
+    const token = localStorage.getItem('token');
+    if (token) {
+      fetchCartFromBackend();
+    }
+    
+    const handleStorageChange = (e) => {
+      if (e.key === 'token') {
+        if (e.newValue) {
+          fetchCartFromBackend();
+        } else {
+          setCartItems({});
+        }
+      }
+    };
+    
+    window.addEventListener('storage', handleStorageChange);
+    
+    return () => {
+      window.removeEventListener('storage', handleStorageChange);
+    };
+  }, []);
+
   // Memoized filtered products based on search query
   const filteredProducts = useMemo(() => {
     if (!searchQuery) return state.products;
-    
-    return state.products.filter(product => {
+
+    return state.products.filter((product) => {
       const searchLower = searchQuery.toLowerCase();
       return (
         product.name.toLowerCase().includes(searchLower) ||
-        (product.description && product.description.toLowerCase().includes(searchLower)) ||
-        (product.category && product.category.toLowerCase().includes(searchLower))
+        (product.description &&
+          product.description.toLowerCase().includes(searchLower)) ||
+        (product.category &&
+          product.category.toLowerCase().includes(searchLower))
       );
     });
   }, [state.products, searchQuery]);
@@ -289,14 +271,21 @@ function ShopContextProvider(props) {
     delivery_fee,
     searchQuery,
     setSearchQuery,
-    showSearch, 
-    setShowSearch
+    showSearch,
+    setShowSearch,
+    cartItems,
+    cartLoading,
+    cartError,
+    addToCart,
+    removeFromCart,
+    getCartCount,
+    getTotalCartAmount,
+    refreshCart: fetchCartFromBackend,
+    clearCartError: () => setCartError(null)
   };
 
   return (
-    <ShopContext.Provider value={value}>
-      {props.children}
-    </ShopContext.Provider>
+    <ShopContext.Provider value={value}>{props.children}</ShopContext.Provider>
   );
 }
 
diff --git a/Frontend/src/components/Pages/CartPage.jsx b/Frontend/src/components/Pages/CartPage.jsx
new file mode 100644
index 0000000..8d78d12
--- /dev/null
+++ b/Frontend/src/components/Pages/CartPage.jsx
@@ -0,0 +1,87 @@
+// // pages/CartPage.js
+// import { useCart } from '../contexts/CartContext';
+
+// const CartPage = () => {
+//   const {
+//     cart,
+//     totalAmount,
+//     loading,
+//     error,
+//     removeFromCart,
+//     updateQuantity
+//   } = useCart();
+
+//   if (loading && cart.length === 0) return <div>Loading cart...</div>;
+//   if (error) return <div>Error: {error}</div>;
+
+//   return (
+//     <div className="cart-page">
+//       <h1>Your Cart</h1>
+      
+//       {cart.length === 0 ? (
+//         <p>Your cart is empty</p>
+//       ) : (
+//         <>
+//           <div className="cart-items">
+//             {cart.map(item => (
+//               <div key={item.id} className="cart-item">
+//                 <img src={item.product.image} alt={item.product.name} />
+//                 <div>
+//                   <h3>{item.product.name}</h3>
+//                   <p>${item.product.price} each</p>
+                  
+//                   <div className="quantity-controls">
+//                     <button 
+//                       onClick={() => updateQuantity(item.id, item.quantity - 1)}
+//                       disabled={loading}
+//                     >
+//                       -
+//                     </button>
+//                     <span>{item.quantity}</span>
+//                     <button 
+//                       onClick={() => updateQuantity(item.id, item.quantity + 1)}
+//                       disabled={loading}
+//                     >
+//                       +
+//                     </button>
+//                   </div>
+                  
+//                   <button 
+//                     onClick={() => removeFromCart(item.id)}
+//                     disabled={loading}
+//                     className="remove-btn"
+//                   >
+//                     Remove
+//                   </button>
+//                 </div>
+//                 <div className="item-total">
+//                   ${(item.quantity * item.product.price).toFixed(2)}
+//                 </div>
+//               </div>
+//             ))}
+//           </div>
+          
+//           <div className="cart-summary">
+//             <h3>Order Summary</h3>
+//             <div className="summary-row">
+//               <span>Subtotal</span>
+//               <span>${totalAmount.toFixed(2)}</span>
+//             </div>
+//             <div className="summary-row">
+//               <span>Shipping</span>
+//               <span>Free</span>
+//             </div>
+//             <div className="summary-row total">
+//               <span>Total</span>
+//               <span>${totalAmount.toFixed(2)}</span>
+//             </div>
+            
+//             <button className="checkout-btn">
+//               Proceed to Checkout
+//             </button>
+//           </div>
+//         </>
+//       )}
+//     </div>
+//   );
+// };
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/Header.jsx b/Frontend/src/components/Pages/Header.jsx
index b9ab264..124c3fb 100644
--- a/Frontend/src/components/Pages/Header.jsx
+++ b/Frontend/src/components/Pages/Header.jsx
@@ -9,27 +9,7 @@ import pp from "./images/pp.png";
 function Header() {
 	const [isHeaderVisible, setIsHeaderVisible] = useState(true);
 
-	useEffect(() => {
-		const handleScroll = () => {
-			// Set a threshold for when the header should disappear
-			const threshold = 100; // Adjust this value as needed
-			const currentScrollPos = window.pageYOffset;
-
-			if (currentScrollPos > threshold) {
-				setIsHeaderVisible(false); // Hide the header
-			} else {
-				setIsHeaderVisible(true); // Show the header
-			}
-		};
-
-		// Add scroll event listener
-		window.addEventListener("scroll", handleScroll);
-
-		// Clean up the event listener on component unmount
-		return () => {
-			window.removeEventListener("scroll", handleScroll);
-		};
-	}, []);
+	
 
 	return (
 		//  <header
diff --git a/Frontend/src/components/Pages/Login.jsx b/Frontend/src/components/Pages/Login.jsx
index 89a82cd..b50d3dc 100644
--- a/Frontend/src/components/Pages/Login.jsx
+++ b/Frontend/src/components/Pages/Login.jsx
@@ -1,117 +1,5 @@
 
-// import React, { useState, useContext } from 'react';
-// import { useNavigate,Link } from 'react-router-dom';
-// import { ShopContext } from '../Context/ShopContext';
-// import Register from './Register';
-// function Login() {
-//   const [username, setUsername] = useState('');
-//   const [password, setPassword] = useState('');
-//   const [error, setError] = useState('');
-//   const navigate = useNavigate();
-//   const { setIsLoggedIn, setUser } = useContext(ShopContext);
-
-//   const handleSubmit = async (e) => {
-//     e.preventDefault();
-//     setError('');
-    
-//     try {
-//       const response = await fetch('http://localhost:8000/api/login/', {
-//         method: 'POST',
-//         headers: {
-//           'Content-Type': 'application/json',
-//         },
-//         body: JSON.stringify({
-//           username,
-//           password
-//         })
-//       });
-      
-//       if (!response.ok) {
-//         const errorData = await response.json();
-//         throw new Error(errorData.detail || 'Login failed');
-//       }
-      
-//       const data = await response.json();
-      
-//       // Store tokens in localStorage
-//       localStorage.setItem('access_token', data.access);
-//       localStorage.setItem('refresh_token', data.refresh);
-      
-//       // Update context
-//       setIsLoggedIn(true);
-//       setUser({
-//         username: data.username,
-//         phone: data.phone
-//       });
-      
-//       // Redirect to home page
-//       navigate('/');
-//     } catch (err) {
-//       setError(err.message || 'Login failed. Please check your credentials.');
-//     }
-//   };
 
-//   return (
-//     <div className="flex justify-center items-center min-h-screen bg-gray-100">
-//       <div className="bg-[#fbfcfc] p-8 rounded-lg shadow-md w-full max-w-md">
-//         <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
-        
-//         {error && (
-//           <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
-//             {error}
-//           </div>
-//         )}
-        
-//         <form onSubmit={handleSubmit}>
-//           <div className="mb-4">
-//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
-//               Username
-//             </label>
-//             <input
-//               className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-//               id="username"
-//               type="text"
-//               placeholder="Username"
-//               value={username}
-//               onChange={(e) => setUsername(e.target.value)}
-//               required
-//             />
-//           </div>
-          
-//           <div className="mb-6">
-//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
-//               Password
-//             </label>
-//             <input
-//               className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-//               id="password"
-//               type="password"
-//               placeholder="******************"
-//               value={password}
-//               onChange={(e) => setPassword(e.target.value)}
-//               required
-//             />
-//           </div>
-          
-//           <div className="flex items-center justify-between">
-//             <button
-//               className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full"
-//               type="submit"
-//             >
-//               Sign In
-//             </button>
-//           </div>
-          
-//           <div className="text-center mt-4">
-//             <p>Don't have an account? <Link to="/register" className="text-[#12a0c4] hover:text-blue-700">Register</Link></p>
-//           </div>
-//         </form>
-//       </div>
-//     </div>
-//   );
-// }
-
-// export default Login;
 
 import React, { useState, useContext } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
@@ -142,7 +30,7 @@ function Login() {
 
     try {
       const response = await axios.post(
-        'http://localhost:8000/api/login/',
+        'http://localhost:8000/login/',
         formData,
         {
           headers: {
@@ -179,7 +67,7 @@ function Login() {
   return (
     <div className="flex justify-center items-center min-h-screen bg-gray-100">
       <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
-        <h2 className="text-3xl font-bold mb-6 text-center text-blue-600">Login</h2>
+        <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
         
         {error && (
           <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
@@ -189,7 +77,7 @@ function Login() {
         
         <form onSubmit={handleSubmit} className="space-y-4">
           <div>
-            <label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="username">
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
               Username
             </label>
             <input
@@ -204,8 +92,8 @@ function Login() {
             />
           </div>
           
-          <div>
-            <label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="password">
+          <div >
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2 mt-4 " htmlFor="password">
               Password
             </label>
             <input
@@ -222,7 +110,7 @@ function Login() {
           
           <div className="flex items-center justify-between">
             <button
-              className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
+              className="bg-[#1b5968] hover:bg-[#4b5f64] text-white  font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
               type="submit"
               disabled={isLoading}
             >
@@ -233,15 +121,11 @@ function Login() {
           <div className="text-center mt-4">
             <p className="text-sm">
               Don't have an account?{' '}
-              <Link to="/register" className="text-blue-500 hover:text-blue-700">
+              <Link to="/register" className="text-[#2d98b3] hover:text-gray-700">
                 Register
               </Link>
             </p>
-            <p className="text-sm mt-2">
-              <Link to="/forgot-password" className="text-blue-500 hover:text-blue-700">
-                Forgot password?
-              </Link>
-            </p>
+            
           </div>
         </form>
       </div>
@@ -249,4 +133,65 @@ function Login() {
   );
 }
 
-export default Login;
\ No newline at end of file
+export default Login;
+// src/pages/Login.js
+// import React, { useState, useContext } from 'react';
+// import { AuthContext } from '../Context/AuthContext';
+// import Register from './Register';
+// const Login = () => {
+//   const { login } = useContext(AuthContext);
+//   const [formData, setFormData] = useState({ username: '', password: '' });
+//   const [error, setError] = useState('');
+//   const [isLoading, setIsLoading] = useState(false);
+
+//   const handleChange = (e) => {
+//     setFormData({ ...formData, [e.target.name]: e.target.value });
+//   };
+
+//   const handleSubmit = async (e) => {
+//     e.preventDefault();
+//     setError('');
+//     setIsLoading(true);
+//     try {
+//       await login(formData.username, formData.password);
+//     } catch (err) {
+//       setError(err.response?.data?.detail || 'Login failed');
+//     } finally {
+//       setIsLoading(false);
+//     }
+//   };
+
+//   return (
+//     <div className="p-4 max-w-md mx-auto">
+//       <h2 className="text-2xl font-bold mb-4">Login</h2>
+//       {error && <p className="text-red-500 mb-2">{error}</p>}
+//       <form onSubmit={handleSubmit} className="space-y-4">
+//         <input
+//           type="text"
+//           name="username"
+//           placeholder="Username"
+//           onChange={handleChange}
+//           value={formData.username}
+//           className="w-full border px-3 py-2"
+//         />
+//         <input
+//           type="password"
+//           name="password"
+//           placeholder="Password"
+//           onChange={handleChange}
+//           value={formData.password}
+//           className="w-full border px-3 py-2"
+//         />
+//         <button
+//           type="submit"
+//           className="bg-blue-600 text-white px-4 py-2 w-full rounded"
+//           disabled={isLoading}
+//         >
+//           {isLoading ? 'Logging in...' : 'Login'}
+//         </button>
+//       </form>
+//     </div>
+//   );
+// };
+
+// export default Login;
diff --git a/Frontend/src/components/Pages/Navbar.jsx b/Frontend/src/components/Pages/Navbar.jsx
index 7c2d484..ebec286 100644
--- a/Frontend/src/components/Pages/Navbar.jsx
+++ b/Frontend/src/components/Pages/Navbar.jsx
@@ -6,20 +6,26 @@ import menu from "/public/images/menu.png";
 import searchh from "/public/images/searchh.png";
 import { Link, NavLink } from "react-router-dom";
 import { ShopContext } from "../Context/ShopContext";
-// import Login from "./Login"
+import Login from "./Login"
 
 function Navbar() {
 	const [isMenuOpen, setIsMenuOpen] = useState(false);
+	const [isHeaderVisible, setIsHeaderVisible] = useState(true);
 
-	const {setShowSearch} = useContext(ShopContext)
+	const {setShowSearch, getCartCount} = useContext(ShopContext)
 	const toggleMenu = () => {
 		setIsMenuOpen(!isMenuOpen);
 	};
 
+	
 	return (
-		<div className="flex justify-between items-center px-12 -mt-4 pt-4 pb-0 relative bg-[#e5f1f4]">
+		<header
+		      className={`bg-[#dbf5f8]  sticky top-0 z-50 transition-transform duration-300 ${
+		        isHeaderVisible ? 'translate-y-0' : '-translate-y-full'
+		      }`}>
+		<div className="flex justify-between items-center px-12 -mt-4 pt-10 pb-5 relative bg-[#e5f1f4]">
 		<Link to="/">
-			<img src={glazep} alt="logo" className="w-26 -mt-4" />
+			<img src={glazep} alt="logo" className="w-28 -mt-4" />
 		</Link>
 
 			{/* Desktop Navigation */}
@@ -66,7 +72,7 @@ function Navbar() {
 					<img
 						src={profile}
 						alt="profile-icon"
-						className="w-[25px] -mt-3 cursor-pointer"
+						className="w-[28px] -mt-3 cursor-pointer"
 						/>
 						</Link>
 					{/* Dropdown menu (initially hidden, appears on group hover) */}
@@ -82,11 +88,11 @@ function Navbar() {
 					<img
 						src={cart}
 						alt="cart"
-						className="w-7 min-w-5 -mt-3 cursor-pointer"
+						className="w-8 min-w-5 -mt-3 cursor-pointer"
 					/>
-					<p className="absolute right-[2px] bottom-[-5px] w-4 text-center leading-4 bg-black text-white aspect-square rounded-full text-[8px]">
-						10
-					</p>
+<p className="absolute right-[2px] bottom-[-5px] w-4 text-center leading-4 bg-black text-white aspect-square rounded-full text-[8px]">
+  {getCartCount()}
+</p>
 				</Link>
 
 				{/* Mobile Menu Toggle Button */}
@@ -131,7 +137,9 @@ function Navbar() {
 				</div>
 			)}
 		</div>
+		</header>
 	);
+
 }
 
 export default Navbar;
diff --git a/Frontend/src/components/Pages/Products.jsx b/Frontend/src/components/Pages/Products.jsx
index 6ecb79b..18fe067 100644
--- a/Frontend/src/components/Pages/Products.jsx
+++ b/Frontend/src/components/Pages/Products.jsx
@@ -1,107 +1,205 @@
+// 
+//     };
 
-import React, { useContext, useEffect, useState } from 'react'
-import { useParams } from 'react-router-dom'
-import { ShopContext } from '../Context/ShopContext'
+//     if (!productData) {
+//         return <div className="flex justify-center items-center h-64">
+//             <p>Loading product details...</p>
+//         </div>;
+//     }
+//     // ... rest of your component remains the same ...
+    
+//     return productData ? (
+//         <div className='border-t-1 border-gray-200 pt-10 transition-opacity ease-in duration-500 opacity-100'>
+//             <div className="flex gap-12 sm:gap-12 flex-col sm:flex-row">
+//                 {/* Product image section */}
+//                 <div className="flex-1 flex flex-col-reverse gap-3 sm:flex-row mt-8">
+//                     {/* Main image display */}
+//                     <div className="flex-1">
+//                         <img
+//                             src={productData.img}
+//                             alt={productData.name}
+//                             className="w-full h-auto max-h-[500px] object-contain"
+//                             onError={(e) => {
+//                                 e.target.onerror = null;
+//                                 e.target.src = '/images/fallback-product.jpg';
+//                                 console.error('Failed to load image:', e.target.src);
+//                             }}
+//                         />
+//                     </div>
+//                 </div>
+
+//                 {/* Product information section */}
+//                 <div className="flex-1 p-4 mt-5">
+//                     <h1 className="text-3xl font-bold mb-4 text-gray-700">
+//                         {productData.name}
+//                     </h1>
+//                     <p className="text-lg mt-5 font-bold mb-4 text-[30px] text-gray-700">
+//                         Rs. {productData.price}
+//                     </p>
+// 					<p className="text-lg mt-5 font-bold mb-4 text-[20px] text-gray-700">
+// 						Category:
+// 				</p>
+// 						<p className="text-gray-700 mb-4 text-[16px] uppercase">
+// 							 {productData.category}
+// 							</p>
+// 					<h2 className="font-bold mb-2 text-[18px] text-gray-700">
+// 						Description:
+// 					</h2>
+
+// 					<p className="text-gray-700 mb-4 text-[16px]">
+//  						{productData.description}
+//  					</p>
+//  					<div className="mb-4">
+//  						<h2 className="font-bold mb-2 text-[18px] text-gray-700">Brand:</h2>
+// 					<p className="text-[16px]">{productData.brand}</p>
+// 					</div>
+//  					<div className="mb-4">
+// 						<h2 className="font-bold mb-2 text-[18px] text-gray-700">
+// 							Ingredients:
+// 					</h2>
+// 					<p className="text-gray-700 text-[16px]">
+// 							{productData.ingredients}
+// 						</p>
+//                     </div>
+            
+//             <div className="mt-6">
+//                 <p className="text-[18px] mb-2 font-semibold">Select quantity</p>
+//                 <div className="flex items-center bg-gray-100 rounded-full w-fit px-4 py-2">
+//                     <button 
+//                         onClick={decreaseQuantity}
+//                         className="text-xl px-3 font-bold text-gray-700"
+//                     >−</button>
+//                     <span className="mx-3 text-base font-medium">{selectedQuantity}</span>
+//                     <button 
+//                         onClick={increaseQuantity}
+//                         className="text-xl px-3 font-bold text-gray-700"
+//                     >+</button>
+//                 </div>
+//             </div>
+//             <button 
+//                 className='bg-gray-800 text-white px-8 py-3 mt-6 hover:bg-gray-600' 
+//                 onClick={handleAddToCart}
+//             >
+//                 Add to Cart
+//             </button>
+//         </div>
+//     ) : <div className='opacity-0'></div>
+// }
+
+// export default Products;
+
+import React, { useContext, useEffect, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { ShopContext } from '../Context/ShopContext';
 
 function Products() {
-    const { productId } = useParams()
-    const { products } = useContext(ShopContext)
-    const [productData, setProductData] = useState(false)
-    const [image, setImage] = useState('')
-    const [quantity, setQuantity] = useState(1);
-
-  const increaseQuantity = () => setQuantity(prev => prev + 1);
-  const decreaseQuantity = () => setQuantity(prev => (prev > 1 ? prev - 1 : 1));
-    // const [add,setAdd] = useState()
-    // const [subtract,setSubtract] = useState()
-    // const [cart,setCart] =useState(1)
-    const fetchProductData = async () => {
-        products.map((item) => {
-            if (item.id == productId) {
-                setProductData(item)
-                console.log(item.img)
-               setImage(`http://localhost:8000${item.img}`
-            ) 
-                return null;
+    const { productId } = useParams();
+    const { products, addToCart } = useContext(ShopContext);
+    const [productData, setProductData] = useState(null);
+    const [selectedQuantity, setSelectedQuantity] = useState(1);
+
+   
+    const handleAddToCart = () => {
+        if (productData) {
+            addToCart(productData.id, selectedQuantity);
+            // setSelectedQuantity(1); // Reset quantity after adding
+        }
+    };
+
+    useEffect(() => {
+        if (products && products.length > 0) {
+            const foundProduct = products.find(item => item.id.toString() === productId);
+            if (foundProduct) {
+                setProductData({
+                    ...foundProduct,
+                    img: getImageUrl(foundProduct.img),
+                });
             }
-            return null; // Added return for non-matching items to avoid warnings
-        })
+        }
+    }, [productId, products]);
+
+    const getImageUrl = (imagePath) => {
+        if (!imagePath) return '';
+        if (imagePath.startsWith('http')) return imagePath;
+        if (process.env.NODE_ENV === 'development') {
+            return `http://localhost:8000${imagePath}`;
+        }
+        return imagePath;
+    };
+
+    if (!productData) {
+        return (
+            <div className="flex justify-center items-center h-64">
+                <p>Loading product details...</p>
+            </div>
+        );
     }
-    
-    useEffect(() => {
-        fetchProductData()
-    }, [productId, products])
-    
-    return productData ? (
-        <div className='border-t-1 border-gray-200 pt-10 transition-opacity ease-in duration-500 opacity-100'>
-            {/* product data */}
-            <div className='flex gap-12 sm:gap-12 flex-col sm:flex-row'>
-                {/* product image */}
-                <div className="flex-1 flex flex-col-reverse gap-3 sm:flex-row">
-                    {/* Thumbnail section (currently showing just the single image) */}
-                    <div className='flex sm:flex-col overflow-x-auto sm:overflow-y-scroll justify-between sm:justify-normal sm:w-[18.7%] w-full'>
-                        <img 
-                            src={image} 
-                            alt={productData.name}
-                            className='w-[24%] sm:w-full sm:mb-3 flex-shrink-0 cursor-pointer'
-                            onClick={() => setImage(productData.img)}
-                        />
-                    </div>
-                    
-                    {/* Main image display */}
-                    <div className='flex-1'>
-                        <img 
-                            src={image || productData.img} 
+
+    return (
+        <div className="border-t-1 border-gray-200 pt-10 transition-opacity ease-in duration-500 opacity-100">
+            <div className="flex gap-12 sm:gap-12 flex-col sm:flex-row">
+                {/* Product image section */}
+                <div className="flex-1 flex flex-col-reverse gap-3 sm:flex-row mt-8">
+                    <div className="flex-1">
+                        <img
+                            src={productData.img}
                             alt={productData.name}
-                            className='w-full h-auto max-h-[500px] object-contain' 
+                            className="w-full h-auto max-h-[500px] object-contain"
+                            onError={(e) => {
+                                e.target.onerror = null;
+                                e.target.src = '/images/fallback-product.jpg';
+                                console.error('Failed to load image:', e.target.src);
+                            }}
                         />
                     </div>
                 </div>
-                
+
                 {/* Product information section */}
-                <div className='flex-1 p-4'>
-                    <h1 className='text-3xl font-bold mb-2 text-gray-700'>{productData.name}</h1>
-                    <p className='text-lg font-semibold mb-4 text-[22px] text-gray-700'>Rs. {productData.price}</p>
-                    <p className='text-gray-700 mb-4 text-[18px]'>{productData.description}</p>
-                    <div className='mb-4'>
-                        <h2 className='font-bold mb-2 text-[20px] text-gray-700'>Brand:</h2>
-                        <p className='text-[18px]'>{productData.brand}</p>
+                <div className="flex-1 p-4 mt-5">
+                    <h1 className="text-3xl font-bold mb-4 text-gray-700">
+                        {productData.name}
+                    </h1>
+
+                    <p className="text-lg mt-5 font-bold mb-4 text-[30px] text-gray-700">
+                        Rs. {productData.price}
+                    </p>
+
+                    <p className="text-lg mt-5 font-bold mb-2 text-[20px] text-gray-700">
+                        Category:
+                    </p>
+                    <p className="text-gray-700 mb-4 text-[16px] uppercase">
+                        {productData.category}
+                    </p>
+
+                    <h2 className="font-bold mb-2 text-[18px] text-gray-700">Description:</h2>
+                    <p className="text-gray-700 mb-4 text-[16px]">
+                        {productData.description}
+                    </p>
+
+                    <div className="mb-4">
+                        <h2 className="font-bold mb-2 text-[18px] text-gray-700">Brand:</h2>
+                        <p className="text-[16px]">{productData.brand}</p>
                     </div>
-                    <div className='mb-4'>
-                        <h2 className='font-bold mb-2 text-[20px] text-gray-700'>Ingredients:</h2>
-                        <p className='text-gray-700 text-[18px]'>{productData.ingredients}</p>
+
+                    <div className="mb-4">
+                        <h2 className="font-bold mb-2 text-[18px] text-gray-700">Ingredients:</h2>
+                        <p className="text-gray-700 text-[16px]">{productData.ingredients}</p>
                     </div>
-                    <div>
-                        <h2 className='font-bold mb-2 text-[20px] text-gray-700'>Category:</h2>
-                        <p className='capitalize text-[18px]'>{productData.category}</p>
+
+                    <div className="mt-6">
+                        
                     </div>
-                   
-                
-                   <div className="mt-6">
-      <p className="text-[18px] mb-2 font-semibold">Select quantity</p>
-      <div className="flex items-center bg-gray-100 rounded-full w-fit px-4 py-2">
-        <button 
-          onClick={decreaseQuantity}
-          className="text-xl px-3 font-bold text-gray-700"
-        >−</button>
-        <span className="mx-3 text-base font-medium">{quantity}</span>
-        <button 
-          onClick={increaseQuantity}
-          className="text-xl px-3 font-bold text-gray-700"
-        >+</button>
-      </div>
-    </div>
-                    <button className='bg-gray-800 text-white px-8 py-3 mt-6 hover:bg-gray-600'>Add to Cart</button>
-                <hr className="mt-8 sm:w-4/5 text-gray-300 w-6xl" />
-                <div className="text-medium text-gray-600 mt-5 flex flex-col gap-1">
-                    <p>100% original product</p>
-                    <p>Cash on delivery is available.</p>
-                    <p>Easy return and Exchange</p>
-                </div>
+
+                    <button
+                        className="bg-gray-800 text-white px-8 py-3 mt-6 hover:bg-gray-600"
+                        onClick={handleAddToCart}
+                    >
+                        Add to Cart
+                    </button>
                 </div>
             </div>
         </div>
-    ) : <div className='opacity-0'></div>
+    );
 }
 
-export default Products
\ No newline at end of file
+export default Products;
diff --git a/Frontend/src/components/ProductCard.jsx b/Frontend/src/components/ProductCard.jsx
new file mode 100644
index 0000000..018c16d
--- /dev/null
+++ b/Frontend/src/components/ProductCard.jsx
@@ -0,0 +1,32 @@
+// // components/ProductCard.js
+// import { useCart } from '../contexts/CartContext';
+
+// const ProductCard = ({ product }) => {
+//   const { addToCart, loading } = useCart();
+//   const [quantity, setQuantity] = useState(1);
+
+//   const handleAddToCart = () => {
+//     addToCart(product.id, quantity);
+//   };
+
+//   return (
+//     <div className="product-card">
+//       <img src={product.image} alt={product.name} />
+//       <h3>{product.name}</h3>
+//       <p>${product.price}</p>
+      
+//       <div className="quantity-selector">
+//         <button onClick={() => setQuantity(q => Math.max(1, q - 1))}>-</button>
+//         <span>{quantity}</span>
+//         <button onClick={() => setQuantity(q => q + 1)}>+</button>
+//       </div>
+      
+//       <button 
+//         onClick={handleAddToCart}
+//         disabled={loading}
+//       >
+//         {loading ? 'Adding...' : 'Add to Cart'}
+//       </button>
+//     </div>
+//   );
+// };
\ No newline at end of file
diff --git a/Frontend/src/components/api/axiosInstance.jsx b/Frontend/src/components/api/axiosInstance.jsx
new file mode 100644
index 0000000..e55087e
--- /dev/null
+++ b/Frontend/src/components/api/axiosInstance.jsx
@@ -0,0 +1,12 @@
+// src/api/axiosInstance.js
+import axios from 'axios';
+import React from 'react';
+
+const instance = axios.create({
+  baseURL: 'http://localhost:8000', // update with your backend URL
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
+
+export default instance;

From 01bd203b3e0d23018876516c47fccbe86c21bae8 Mon Sep 17 00:00:00 2001
From: Surja11 <stha.surja123@gmail.com>
Date: Sun, 20 Apr 2025 13:23:21 +0545
Subject: [PATCH 02/11] Added SessionAuthentication

---
 backend/app/esewa_utils.py  |  32 ++++++++
 backend/app/models.py       |  20 ++++-
 backend/app/serializer.py   |   4 +-
 backend/app/urls.py         |   9 ++-
 backend/app/views.py        | 151 ++++++++++++++++++++++++++++--------
 backend/backend/settings.py |  28 +++++--
 6 files changed, 201 insertions(+), 43 deletions(-)
 create mode 100644 backend/app/esewa_utils.py

diff --git a/backend/app/esewa_utils.py b/backend/app/esewa_utils.py
new file mode 100644
index 0000000..d1f7783
--- /dev/null
+++ b/backend/app/esewa_utils.py
@@ -0,0 +1,32 @@
+import hashlib
+import uuid
+from django.conf import settings
+
+def generate_esewa_payment_data(amount, order_id, service_charge = 0):
+  data = {
+    'amount' : amount,
+    'product_delivery_charge': 0,
+    'product_service_charge': service_charge,
+    'tax_amount': 0,
+    'total_amount': float(amount) + float(service_charge),
+    'transaction_uuid': order_id,
+    'product_code': settings.ESEWA_MERCHANT_ID,
+    'success_url': settings.ESEWA_SUCCESS_URL,
+    'failure_url': settings.ESEWA_FAILURE_URL,
+    
+  }
+  return data
+
+def verify_esewa_payment(pid, refId,amount):
+  import requests
+  data = {
+    'amount': amount,
+    'transaction_id': pid, 
+    'product_code': settings.ESEWA_MERCHANT_ID
+
+  }
+  response = requests.post(settings.ESEWA_VERIFY_URL, data = data)
+  if response.status_code == 200:
+    res_data = response.json()
+    return res_data.get('status') == "COMPLETE"
+  return False
\ No newline at end of file
diff --git a/backend/app/models.py b/backend/app/models.py
index 17f711d..3e61af3 100644
--- a/backend/app/models.py
+++ b/backend/app/models.py
@@ -21,7 +21,7 @@ class Product(models.Model):
   description = models.TextField()
   brand = models.CharField()
   ingredients = models.TextField()
-  img = models.ImageField(upload_to='images')
+  img = models.ImageField(upload_to='images/')
 
 
 class User(AbstractUser):
@@ -41,3 +41,21 @@ class Cart(models.Model):
   user = models.ForeignKey(User, on_delete=models.CASCADE)
   product = models.ForeignKey(Product, on_delete = models.CASCADE)
   quantity = models.PositiveIntegerField(default = 1)
+
+class Order(models.Model):
+  PAYMENT_CHOICES = [
+    ('COD', 'Cash on Delivery'),
+    ('ESEWA', 'eSewa'),
+    ('FONEPAY','Fonepay'),
+  ]
+  user = models.ForeignKey(User, on_delete= models.CASCADE)
+  order_id = models.CharField(max_length = 100, unique = True)
+  amount = models.DecimalField(max_digits = 10, decimal_places = 2)
+  location = models.TextField()
+  payment_method = models.CharField(max_length=10, choices = PAYMENT_CHOICES)
+  payment_status = models.CharField(max_length= 20,default ='PENDING')
+  transaction_id = models.CharField(max_length = 100, blank = True, null = True)
+  created_at = models.DateTimeField(auto_now_add =True)
+
+  def __str__(self):
+    return f"Order {self.order_id} - {self.user.username}"
\ No newline at end of file
diff --git a/backend/app/serializer.py b/backend/app/serializer.py
index 5cd92f9..52903a5 100644
--- a/backend/app/serializer.py
+++ b/backend/app/serializer.py
@@ -40,8 +40,8 @@ class ProductSerializer(serializers.ModelSerializer):
   class Meta:
     model = Product
     fields = '__all__'
-
-    def __str__(self):
+  
+  def __str__(self):
       return self.name
     
 class MyTokenPairSerializer(TokenObtainPairSerializer):
diff --git a/backend/app/urls.py b/backend/app/urls.py
index cd1012f..59f0e54 100644
--- a/backend/app/urls.py
+++ b/backend/app/urls.py
@@ -5,12 +5,17 @@
   path('products/',views.GetProducts, name="products"),
   path('products/category/<slug:val>',views.GetProductsByCategory, name="products-category"),
   path('products/search/<slug:val>',views.GetProductsBySearch, name="products-search"),
-  path('login/',views.login, name ="login"),
-  path('logout/',views.LogoutView, name ="logout"),
+  path('login/',views.login_view, name ="login"),
+  path('logout/',views.session_logout, name ="logout"),
+  path('get-csrf-token/',views.get_csrf_token, name ="get-csrf-token"),
   path('add-to-cart/',views.AddToCart, name = "add-to-cart"),
   path('show-cart/',views.ShowCart, name = "show-cart"),
   path('plus-cart/',views.PlusCart, name = "plus-cart"),
   path('minus-cart/',views.MinusCart, name = "minus-cart"),
   path('remove-cart/',views.RemoveCart, name = "remove-cart"),
+  path('checkout/',views.checkout,name="checkout"),
+  # path('esewa/success',views.esewa_success, name="esewa_success"),
+  # path('esewa/failure',views.esewa_failure, name="esewa_failure"),
+  
 
 ]
\ No newline at end of file
diff --git a/backend/app/views.py b/backend/app/views.py
index c4399f4..856cc5d 100644
--- a/backend/app/views.py
+++ b/backend/app/views.py
@@ -9,6 +9,11 @@
 from rest_framework.response import Response
 from rest_framework_simplejwt.tokens import RefreshToken
 from rest_framework.authtoken.models import Token
+from .esewa_utils import *
+from django.contrib.auth import login as django_login,logout
+from django.http import JsonResponse
+from django.views.decorators.csrf import ensure_csrf_cookie, csrf_exempt
+import uuid
 
 # Create your views here.
 class RegisterView(generics.CreateAPIView):
@@ -19,29 +24,45 @@ class RegisterView(generics.CreateAPIView):
   def perform_create(self, serializer):
     user = serializer.save()
 
-@api_view(['POST'])
-@permission_classes([AllowAny])
-def login(request):
-  serializer = LoginSerializer(data = request.data)
-  if serializer.is_valid():
-    user = serializer.validated_data['user']
-    refresh = RefreshToken.for_user(user)
-    access_token = refresh.access_token
-    access_token['username'] = user.username
-    access_token['phone']  = user.phone
-    return Response({
-      'refresh' : str(refresh),
-      'access': str(access_token),
-      'user': {
-        'username': user.username,
-        'phone': user.phone
-      }
-    }, status = status.HTTP_200_OK)
-  else:
-    return Response(serializer.errors, status = status.HTTP_400_BAD_REQUEST)
+# @api_view(['POST'])
+# @permission_classes([AllowAny])
+# def login(request):
+#   serializer = LoginSerializer(data = request.data)
+#   if serializer.is_valid():
+#     user = serializer.validated_data['user']
+#     refresh = RefreshToken.for_user(user)
+#     access_token = refresh.access_token
+#     access_token['username'] = user.username
+#     access_token['phone']  = user.phone
+#     return Response({
+#       'refresh' : str(refresh),
+#       'access': str(access_token),
+#       'user': {
+#         'username': user.username,
+#         'phone': user.phone
+#       }
+#     }, status = status.HTTP_200_OK)
+#   else:
+#     return Response(serializer.errors, status = status.HTTP_400_BAD_REQUEST)
 
 
 
+@api_view(['POST'])
+@permission_classes([AllowAny])
+def login_view(request):  # renamed to avoid conflict with login
+    serializer = LoginSerializer(data=request.data, context={'request': request})
+    if serializer.is_valid():
+        user = serializer.validated_data['user']
+        django_login(request, user)  # use _request to get the original Django request object
+        return Response({
+                "message": "Login successful",
+                "user": {
+                    "username": user.username,
+                    "voted": user.phone
+                }
+        })
+      
+    return Response(serializer.errors, status=400) 
 
 @api_view(['GET'])
 def GetProducts(request):
@@ -107,18 +128,28 @@ def ShowCart(request):
 
 @api_view(['POST'])
 @permission_classes([IsAuthenticated])
-def LogoutView(request):
-    try:
-        refresh_token = request.data.get("refresh")
-        if not refresh_token:
-            return Response({"error": "Refresh token is required"}, status=status.HTTP_400_BAD_REQUEST)
+def session_logout(request):
+    logout(request)
+    return Response({"message": "Logout successful"})
 
-        token = RefreshToken(refresh_token)
-        token.blacklist()
+@ensure_csrf_cookie
+def get_csrf_token(request):
+    return JsonResponse({"message": "CSRF cookie set"})
 
-        return Response({"message": "Successfully logged out"}, status=status.HTTP_200_OK)
-    except Exception as e:
-        return Response({"error": str(e)}, status=status.HTTP_400_BAD_REQUEST)
+# @api_view(['POST'])
+# @permission_classes([IsAuthenticated])
+# def LogoutView(request):
+#     try:
+#         refresh_token = request.data.get("refresh")
+#         if not refresh_token:
+#             return Response({"error": "Refresh token is required"}, status=status.HTTP_400_BAD_REQUEST)
+
+#         token = RefreshToken(refresh_token)
+#         token.blacklist()
+
+#         return Response({"message": "Successfully logged out"}, status=status.HTTP_200_OK)
+#     except Exception as e:
+#         return Response({"error": str(e)}, status=status.HTTP_400_BAD_REQUEST)
 
 
 
@@ -185,6 +216,64 @@ def RemoveCart(request):
   })
 
   
+@api_view(['POST'])
+@permission_classes([IsAuthenticated])
+def checkout(request):
+  user = request.user;
+  location = request.data.get("location")
+  payment_method = request.data.get("payment_method")
+
+  cart_items = Cart.objects.filter(user = user)
+  if not cart_items.exists():
+    return Response({'error': 'Cart is empty'}, status = status.HTTP_400_BAD_REQUEST)
+  total_amount = sum(item.product.price * item.quantity for item in cart_items)
+
+  order_id = f"ORD - {uuid.uuid4().hex[:8]}"
+
+  order = Order.objects.create(
+    user = user,
+    order_id = order_id,
+    amount = total_amount,
+    location = location,
+    payment_method = payment_method,
+    payment_status = 'PENDING'
+  )
+
+  if payment_method == "COD":
+    order.payment_status = 'ACCEPTED'
+    order.save()
+    cart_items.delete()
+
+    return Response({
+      'status': 'success',
+      'message': 'Order placed successfully. Payment will be collected on delivery',
+      'order_id': order_id
+    })
+  elif payment_method == "ESEWA":
+    payment_data = generate_esewa_payment_data(amount = total_amount, order_id=order_id)
+    return Response({'payment_gateway':'esewa',
+      'payment_url': settings.ESEWA_API_URL,
+      'payment_data': payment_data,
+      'method': 'POST'})
+  else:
+    return Response(
+            {'error': 'Invalid payment method'},
+            status=status.HTTP_400_BAD_REQUEST
+        )
+
+
+def esewa_success(request):
+  ref_id = request.GET.get('refId')
+  order_id = request.GET.get('oid')
+  return Response({
+    "value": "Success"
+  })
+
+def failure(request):
+  return Response({
+    "value": "Failure"
+  })
 
-  
 
+def esewa_test_view(request):
+    return render(request, 'app/esewa/test.html')
diff --git a/backend/backend/settings.py b/backend/backend/settings.py
index 0e2e6a7..77fb8e8 100644
--- a/backend/backend/settings.py
+++ b/backend/backend/settings.py
@@ -47,7 +47,8 @@
 
 REST_FRAMEWORK = {
     'DEFAULT_AUTHENTICATION_CLASSES': (
-        'rest_framework_simplejwt.authentication.JWTAuthentication',
+        'rest_framework.authentication.SessionAuthentication',
+        # 'rest_framework_simplejwt.authentication.JWTAuthentication',
     ),
     # 'DEFAULT_RENDERER_CLASSES':('rest_framework.renderers.JSONRenderer',),
     
@@ -69,7 +70,7 @@
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': [os.path.join(BASE_DIR, 'templates')],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [
@@ -168,9 +169,22 @@
 }
 CORS_ALLOW_CREDENTIALS = True
 CORS_ALLOWED_ORIGINS = [
-    "http://localhost:8080",
+    "http://localhost:5173",
     "http://127.0.0.1:8000",
-    "http://localhost:3000",  
-    "http://localhost:5173",  
-    "http://127.0.0.1:3000", 
-]
\ No newline at end of file
+    "http://127.0.0.1:3000"
+]
+
+
+CORS_ALLOW_CREDENTIALS = True
+CSRF_COOKIE_HTTPONLY = False
+SESSION_COOKIE_SECURE = False     # True for HTTPS, False for local dev
+CSRF_COOKIE_SECURE = False
+SESSION_COOKIE_SAMESITE = 'Lax'  # or 'None' if cross-site
+CSRF_COOKIE_SAMESITE = 'Lax'
+
+
+ESEWA_MERCHANT_ID = 'EPAYTEST'
+ESEWA_API_URL = 'https://rc-epay.esewa.com.np/api/epay/main/v2/form'
+ESEWA_VERIFY_URL = 'https://rc.esewa.com.np/api/epay/transaction/status/'
+ESEWA_SUCCESS_URL = 'http://127.0.0.1:8000/esewa/success'
+ESEWA_FAILURE_URL = 'http://127.0.0.1:8000/esewa/failure'

From ab927dea4b67695cbee9b939aaa20ee8711fc231 Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Sun, 20 Apr 2025 13:28:53 +0545
Subject: [PATCH 03/11] rremove

---
 Frontend/src/components/Pages/Products.jsx | 91 +---------------------
 1 file changed, 2 insertions(+), 89 deletions(-)

diff --git a/Frontend/src/components/Pages/Products.jsx b/Frontend/src/components/Pages/Products.jsx
index 18fe067..0b9dff7 100644
--- a/Frontend/src/components/Pages/Products.jsx
+++ b/Frontend/src/components/Pages/Products.jsx
@@ -1,92 +1,5 @@
-// 
-//     };
-
-//     if (!productData) {
-//         return <div className="flex justify-center items-center h-64">
-//             <p>Loading product details...</p>
-//         </div>;
-//     }
-//     // ... rest of your component remains the same ...
-    
-//     return productData ? (
-//         <div className='border-t-1 border-gray-200 pt-10 transition-opacity ease-in duration-500 opacity-100'>
-//             <div className="flex gap-12 sm:gap-12 flex-col sm:flex-row">
-//                 {/* Product image section */}
-//                 <div className="flex-1 flex flex-col-reverse gap-3 sm:flex-row mt-8">
-//                     {/* Main image display */}
-//                     <div className="flex-1">
-//                         <img
-//                             src={productData.img}
-//                             alt={productData.name}
-//                             className="w-full h-auto max-h-[500px] object-contain"
-//                             onError={(e) => {
-//                                 e.target.onerror = null;
-//                                 e.target.src = '/images/fallback-product.jpg';
-//                                 console.error('Failed to load image:', e.target.src);
-//                             }}
-//                         />
-//                     </div>
-//                 </div>
-
-//                 {/* Product information section */}
-//                 <div className="flex-1 p-4 mt-5">
-//                     <h1 className="text-3xl font-bold mb-4 text-gray-700">
-//                         {productData.name}
-//                     </h1>
-//                     <p className="text-lg mt-5 font-bold mb-4 text-[30px] text-gray-700">
-//                         Rs. {productData.price}
-//                     </p>
-// 					<p className="text-lg mt-5 font-bold mb-4 text-[20px] text-gray-700">
-// 						Category:
-// 				</p>
-// 						<p className="text-gray-700 mb-4 text-[16px] uppercase">
-// 							 {productData.category}
-// 							</p>
-// 					<h2 className="font-bold mb-2 text-[18px] text-gray-700">
-// 						Description:
-// 					</h2>
-
-// 					<p className="text-gray-700 mb-4 text-[16px]">
-//  						{productData.description}
-//  					</p>
-//  					<div className="mb-4">
-//  						<h2 className="font-bold mb-2 text-[18px] text-gray-700">Brand:</h2>
-// 					<p className="text-[16px]">{productData.brand}</p>
-// 					</div>
-//  					<div className="mb-4">
-// 						<h2 className="font-bold mb-2 text-[18px] text-gray-700">
-// 							Ingredients:
-// 					</h2>
-// 					<p className="text-gray-700 text-[16px]">
-// 							{productData.ingredients}
-// 						</p>
-//                     </div>
-            
-//             <div className="mt-6">
-//                 <p className="text-[18px] mb-2 font-semibold">Select quantity</p>
-//                 <div className="flex items-center bg-gray-100 rounded-full w-fit px-4 py-2">
-//                     <button 
-//                         onClick={decreaseQuantity}
-//                         className="text-xl px-3 font-bold text-gray-700"
-//                     >−</button>
-//                     <span className="mx-3 text-base font-medium">{selectedQuantity}</span>
-//                     <button 
-//                         onClick={increaseQuantity}
-//                         className="text-xl px-3 font-bold text-gray-700"
-//                     >+</button>
-//                 </div>
-//             </div>
-//             <button 
-//                 className='bg-gray-800 text-white px-8 py-3 mt-6 hover:bg-gray-600' 
-//                 onClick={handleAddToCart}
-//             >
-//                 Add to Cart
-//             </button>
-//         </div>
-//     ) : <div className='opacity-0'></div>
-// }
-
-// export default Products;
+
+
 
 import React, { useContext, useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';

From 44f3c0f1d19f71fa36748c5854eccd713d5bc19e Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Mon, 21 Apr 2025 14:02:26 +0545
Subject: [PATCH 04/11] cart

---
 Frontend/src/.env                             |   0
 Frontend/src/App.jsx                          |  73 +---
 Frontend/src/components/Cart/Cart.jsx         | 367 ++++++++++-------
 .../src/components/Context/CartContext.jsx    |  74 ++++
 .../src/components/Context/ShopContext.jsx    | 378 ++++++++++-------
 Frontend/src/components/Pages/CartPage.jsx    | 177 ++++----
 Frontend/src/components/Pages/LogOut.jsx      |  53 +++
 Frontend/src/components/Pages/Login.jsx       | 382 +++++++++++++-----
 Frontend/src/components/Pages/Navbar.jsx      |   8 +-
 Frontend/src/components/Pages/Register.jsx    | 164 ++++----
 backend/app/views.py                          |  34 --
 backend/backend/settings.py                   |   3 +
 12 files changed, 1081 insertions(+), 632 deletions(-)
 create mode 100644 Frontend/src/.env
 create mode 100644 Frontend/src/components/Context/CartContext.jsx
 create mode 100644 Frontend/src/components/Pages/LogOut.jsx

diff --git a/Frontend/src/.env b/Frontend/src/.env
new file mode 100644
index 0000000..e69de29
diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index 09c6a7f..8f78e70 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -4,17 +4,22 @@ import Home from "./components/Pages/Home";
 import About from "./components/Pages/About";
 import Contact from "./components/Pages/Contact";
 import Products from "./components/Pages/Products";
-// import Cart from "./components/Cart/Cart";
+import Cart from "./components/Cart/Cart";
 import Login from "./components/Pages/Login";
+import LogOut from "./components/Pages/LogOut";
 import PlaceOrder from "./components/Pages/PlaceOrder";
 import Orders from "./components/Pages/Orders";
-import Navbar from "./components/Pages/Navbar";
-// import Policy from "./components/Pages/Policies";
-// import { CartProvider } from "./components/Cart/Cart";
 import Footer from './components/Pages/Footer';
 import Collection from "./components/Pages/Collection";
 import Register from "./components/Pages/Register";
 import SearchBar from "./components/Pages/SearchBar";
+import Navbar from "./components/Pages/Navbar";
+// import CartPage from "./components/Pages/CartPage";
+
+import { CartProvider } from "./components/Context/CartContext";
+import ShopContextProvider from "./components/Context/ShopContext";
+// import Policy from "./components/Pages/Policies";
+// import { CartProvider } from "./components/Cart/Cart";
 // import { AuthProvider } from "./components/Context/AuthContext";
 // import AuthProtected from "./components/AuthProtected";
 // import { ShopContextProvider } from "./components/Context/ShopContext";
@@ -23,7 +28,7 @@ function App() {
 		<>
 
 			{/* <AuthProvider> */}
-			{/* <CartProvider> */}
+			<ShopContextProvider>
 
 			<Navbar/>
 			<SearchBar/>
@@ -33,8 +38,11 @@ function App() {
 					<Route path="/about" element={<About />} />
 					<Route path="/contact" element={<Contact />} />
 					<Route path="/product/:productId" element={<Products />} />
-					{/* <Route path="/cart" element={<Cart />} /> */}
+					<Route path="/cart" element={<Cart />} />
+					{/* <Route path="/cart" element={<CartPage />} /> */}
+
 					<Route path="/login" element={<Login />} />
+					<Route path="/logout" element={<LogOut />} />
 					<Route path="/register" element={<Register />} />
 					<Route path="/place-order" element={<PlaceOrder />} />
 					<Route path="/orders" element={<Orders />} />
@@ -42,7 +50,7 @@ function App() {
 
 				{/* <Policy/> */}
 		<Footer/>
-		{/* </CartProvider> */}
+		</ShopContextProvider>
 
 				{/* </AuthProvider> */}
 		</>
@@ -51,54 +59,3 @@ function App() {
 
 export default App;
 
-// import React from "react";
-// import { Routes, Route } from "react-router-dom";
-// import Home from "./components/Pages/Home";
-// import About from "./components/Pages/About";
-// import Contact from "./components/Pages/Contact";
-// // import Products from "./components/Pages/Products";
-// import Cart from "./components/Cart/Cart";
-// import Login from "./components/Pages/Login";
-// import Register from "./components/Pages/Register";
-// import PlaceOrder from "./components/Pages/PlaceOrder";
-// import Orders from "./components/Pages/Orders";
-// import Navbar from "./components/Pages/Navbar";
-// import Policy from "./components/Pages/Policies";
-// import Footer from './components/Pages/Footer';
-// import Collection from "./components/Pages/Collection";
-
-
-// // function App() {
-// //     return (
-// //         <ShopContextProvider>
-// //             <Navbar/>
-// //                 <Routes>
-// //                     <Route path="/" element={<Home />} />
-// //                     <Route path="/collection" element={<Collection />} />
-// //                     <Route path="/about" element={<About />} />
-// //                     <Route path="/contact" element={<Contact />} />
-// //                     {/* <Route path="/product/:productId" element={<Products />} /> */}
-// //                     <Route path="/cart" element={
-// //                         <AuthProtected>
-// //                             <Cart />
-// //                         </AuthProtected>
-// //                     } />
-// //                     <Route path="/login" element={<Login />} />
-// //                     <Route path="/register" element={<Register />} />
-// //                     <Route path="/place-order" element={
-// //                         <AuthProtected>
-// //                             <PlaceOrder />
-// //                         </AuthProtected>
-// //                     } />
-// //                     <Route path="/orders" element={
-// //                         <AuthProtected>
-// //                             <Orders />
-// //                         </AuthProtected>
-// //                     } />
-// //                 </Routes>
-// //                 <Policy/>
-// //             <Footer/>
-// //         </ShopContextProvider>
-// //     );
-// // }
-// // export default App;
\ No newline at end of file
diff --git a/Frontend/src/components/Cart/Cart.jsx b/Frontend/src/components/Cart/Cart.jsx
index 92da66a..d5c335a 100644
--- a/Frontend/src/components/Cart/Cart.jsx
+++ b/Frontend/src/components/Cart/Cart.jsx
@@ -1,147 +1,240 @@
-// import React, { useContext, useEffect } from 'react'
-// import { ShopContext } from '../Context/ShopContext'
 
-// function Cart() {
-//   const {products,currency, cartItems} =useContext(ShopContext)
-
-//   const [cartData, setCartData] = useState([])
 
-//   useEffect(()=>{
 
-//     const tempData =[]
-//     for(const items in cartItems){
-//       for(const item in cartItems[items])
-//         {
+// // import React, { useContext, useEffect, useState } from "react";
+// // import { ShopContext } from "../Context/ShopContext";
+// // import Title from "../Pages/Title";
+
+// // function Cart() {
+// //     const { products, currency, cartItems } = useContext(ShopContext);
+// //     const [cartData, setCartData] = useState([]);
+
+// //     useEffect(() => {
+// //         const tempData = [];
+// //         // Corrected: use Object.keys() and map instead of for...in with undefined variable
+// //         Object.keys(cartItems).forEach(itemId => {
+// //             if (cartItems[itemId] > 0) {
+// //                 tempData.push({
+// //                     id: itemId,
+// //                     quantity: cartItems[itemId],
+// //                 });
+// //             }
+// //         });
+// //         setCartData(tempData);
+// //     }, [cartItems]); // Add cartItems as dependency
+
+// //     return (
+// //         <div className="border-t pt-14">
+// //             <div className="text-2xl mb-3">
+// //                 <Title text1={'Your'} text2={'CART'}/>
+// //             </div>
+            
+// //             <div>
+// //                 {cartData.length > 0 ? (
+// //                     cartData.map(item => (
+// //                         <div key={item.id}>
+// //                             {/* Render your cart items here */}
+// //                             Product ID: {item.id} - Quantity: {item.quantity}
+// //                         </div>
+// //                     ))
+// //                 ) : (
+// //                     <p>Your cart is empty</p>
+// //                 )}
+// //             </div>
+// //         </div>
+// //     );
+// // }
+
+// // export default Cart;
+// import React, { useContext, useEffect, useState } from "react";
+// import { ShopContext } from "../Context/ShopContext";
+// import Title from "../Pages/Title";
 
-//         }
-    
-//       }
-//   })
-//   return (
-//     <div>Cart</div>
-//   )
+// function Cart() {
+//     const { products, currency, cartItems, getTotalCartAmount } = useContext(ShopContext);
+//     const [cartData, setCartData] = useState([]);
+//     const shippingFee = 10; // You can move this to context if needed
+
+//     useEffect(() => {
+//         const tempData = [];
+//         Object.keys(cartItems).forEach(itemId => {
+//             if (cartItems[itemId] > 0) {
+//                 const product = products.find(p => p.id.toString() === itemId);
+//                 if (product) {
+//                     tempData.push({
+//                         id: itemId,
+//                         quantity: cartItems[itemId],
+//                         product: product
+//                     });
+//                 }
+//             }
+//         });
+//         setCartData(tempData);
+//     }, [cartItems, products]);
+
+//     return (
+//         <div className="border-t pt-14 max-w-6xl mx-auto px-4">
+//             <div className="text-2xl mb-8">
+//                 <Title text1={'Your'} text2={'CART'}/>
+//             </div>
+            
+//             <div className="flex flex-col lg:flex-row gap-8">
+//                 {/* Cart Items */}
+//                 <div className="flex-1">
+//                     {cartData.length > 0 ? (
+//                         cartData.map(item => (
+//                             <div key={item.id} className="border-b border-gray-200 py-6 flex flex-col sm:flex-row gap-4">
+//                                 <div className="flex-1">
+//                                     <h3 className="text-lg font-medium">{item.product.name}</h3>
+//                                     <p className="text-gray-600">{item.product.description}</p>
+//                                     <p className="text-gray-800 mt-2">
+//                                         {currency} {item.product.price} {item.product.size || ''}
+//                                     </p>
+//                                 </div>
+//                                 <div className="flex items-center gap-4">
+//                                     <span className="text-lg font-medium">{item.quantity}</span>
+//                                 </div>
+//                             </div>
+//                         ))
+//                     ) : (
+//                         <p className="text-gray-500">Your cart is empty</p>
+//                     )}
+//                 </div>
+
+//                 {/* Cart Summary */}
+//                 {cartData.length > 0 && (
+//                     <div className="lg:w-80 bg-gray-50 p-6 h-fit">
+//                         <h3 className="text-xl font-bold mb-4">CART TOTALS</h3>
+//                         <div className="space-y-3">
+//                             <div className="flex justify-between">
+//                                 <span>Subtotal</span>
+//                                 <span>{currency} {getTotalCartAmount().toFixed(2)}</span>
+//                             </div>
+//                             <div className="flex justify-between">
+//                                 <span>Shipping Fee</span>
+//                                 <span>{currency} {shippingFee.toFixed(2)}</span>
+//                             </div>
+//                             <div className="flex justify-between font-bold text-lg pt-3 border-t border-gray-200">
+//                                 <span>Total</span>
+//                                 <span>{currency} {(getTotalCartAmount() + shippingFee).toFixed(2)}</span>
+//                             </div>
+//                         </div>
+//                         <button className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors">
+//                             PROCEED TO CHECKOUT
+//                         </button>
+//                     </div>
+//                 )}
+//             </div>
+//         </div>
+//     );
 // }
 
-// export default Cart
-// contexts/CartContext.js
-// import { createContext, useContext, useEffect, useState } from 'react';
-// import axios from 'axios';
-
-// const CartContext = createContext();
-
-// export const CartProvider = ({ children }) => {
-//   const [cart, setCart] = useState([]);
-//   const [totalAmount, setTotalAmount] = useState(0);
-//   const [loading, setLoading] = useState(false);
-//   const [error, setError] = useState(null);
-
-//   // Fetch cart on initial load
-//   useEffect(() => {
-//     fetchCart();
-//   }, []);
-
-//   const fetchCart = async () => {
-//     try {
-//       setLoading(true);
-//       const response = await axios.get('/api/show-cart/', {
-//         headers: {
-//           Authorization: `Bearer ${localStorage.getItem('access_token')}`
-//         }
-//       });
-//       setCart(response.data.cart_items);
-//       setTotalAmount(response.data.total_amount);
-//     } catch (err) {
-//       setError(err.response?.data?.error || 'Failed to fetch cart');
-//     } finally {
-//       setLoading(false);
-//     }
-//   };
-
-//   const addToCart = async (productId, quantity = 1) => {
-//     try {
-//       setLoading(true);
-//       await axios.post('/api/add-to-cart/', {
-//         product_id: productId,
-//         quantity: quantity
-//       }, {
-//         headers: {
-//           Authorization: `Bearer ${localStorage.getItem('access_token')}`
-//         }
-//       });
-//       await fetchCart(); // Refresh cart
-//     } catch (err) {
-//       setError(err.response?.data?.error || 'Failed to add to cart');
-//     } finally {
-//       setLoading(false);
-//     }
-//   };
-
-//   const removeFromCart = async (cartItemId) => {
-//     try {
-//       setLoading(true);
-//       await axios.post('/api/remove-cart/', {
-//         cart_item_id: cartItemId
-//       }, {
-//         headers: {
-//           Authorization: `Bearer ${localStorage.getItem('access_token')}`
-//         }
-//       });
-//       await fetchCart(); // Refresh cart
-//     } catch (err) {
-//       setError(err.response?.data?.error || 'Failed to remove item');
-//     } finally {
-//       setLoading(false);
-//     }
-//   };
-
-//   const updateQuantity = async (cartItemId, newQuantity) => {
-//     try {
-//       setLoading(true);
-//       if (newQuantity > 0) {
-//         await axios.post('/api/plus-cart/', {
-//           cart_item_id: cartItemId,
-//           quantity: newQuantity
-//         }, {
-//           headers: {
-//             Authorization: `Bearer ${localStorage.getItem('access_token')}`
-//           }
-//         });
-//       } else {
-//         await removeFromCart(cartItemId);
-//       }
-//       await fetchCart(); // Refresh cart
-//     } catch (err) {
-//       setError(err.response?.data?.error || 'Failed to update quantity');
-//     } finally {
-//       setLoading(false);
-//     }
-//   };
-
-//   return (
-//     <CartContext.Provider
-//       value={{
-//         cart,
-//         totalAmount,
-//         loading,
-//         error,
-//         addToCart,
-//         removeFromCart,
-//         updateQuantity,
-//         fetchCart
-//       }}
-//     >
-//       {children}
-//     </CartContext.Provider>
-//   );
-// };
-
-// export const useCart = () => useContext(CartContext);\
-import React from 'react'
+// export default Cart;
+
+import React, { useContext, useEffect, useState } from "react";
+import { ShopContext } from "../Context/ShopContext";
+import Title from "../Pages/Title";
 
 function Cart() {
-  return (
-    <div>Cart</div>
-  )
+    const { products, currency, cartItems, getTotalCartAmount } = useContext(ShopContext);
+    const [cartData, setCartData] = useState([]);
+    const shippingFee = 10;
+
+    useEffect(() => {
+        const tempData = [];
+        Object.keys(cartItems).forEach(itemId => {
+            if (cartItems[itemId] > 0) {
+                const product = products.find(p => p.id.toString() === itemId);
+                if (product) {
+                    tempData.push({
+                        id: itemId,
+                        quantity: cartItems[itemId],
+                        product: {
+                            ...product,
+                            img: getImageUrl(product.img) // Add image URL processing
+                        }
+                    });
+                }
+            }
+        });
+        setCartData(tempData);
+    }, [cartItems, products]);
+
+    // Helper function to handle image URLs
+    const getImageUrl = (imagePath) => {
+        if (!imagePath) return '/default-product.jpg';
+        if (imagePath.startsWith('http')) return imagePath;
+        return `http://localhost:8000${imagePath}`; // Adjust based on your backend
+    };
+
+    return (
+        <div className="border-t pt-14 max-w-6xl mx-auto px-4">
+            <div className="text-2xl mb-8">
+                <Title text1={'Your'} text2={'CART'}/>
+            </div>
+            
+            <div className="flex flex-col lg:flex-row gap-8">
+                {/* Cart Items */}
+                <div className="flex-1">
+                    {cartData.length > 0 ? (
+                        cartData.map(item => (
+                            <div key={item.id} className="border-b border-gray-200 py-6 flex flex-col sm:flex-row gap-6">
+                                {/* Product Image */}
+                                <div className="w-32 h-32 flex-shrink-0 bg-gray-100">
+                                    <img 
+                                        src={item.product.img} 
+                                        alt={item.product.name}
+                                        className="w-full h-full object-contain"
+                                        onError={(e) => {
+                                            e.target.onerror = null;
+                                            e.target.src = '/default-product.jpg';
+                                        }}
+                                    />
+                                </div>
+                                
+                                {/* Product Details */}
+                                <div className="flex-1">
+                                    <h3 className="text-lg font-medium uppercase">{item.product.name}</h3>
+                                    <p className="text-gray-800 mt-2">
+                                        {currency} {item.product.price} {item.product.size || ''}
+                                    </p>
+                                    <div className="flex items-center gap-4 mt-4">
+                                        <span className="text-lg font-medium">Qty: {item.quantity}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        ))
+                    ) : (
+                        <p className="text-gray-500">Your cart is empty</p>
+                    )}
+                </div>
+
+                {/* Cart Summary */}
+                {cartData.length > 0 && (
+                    <div className="lg:w-80 bg-gray-50 p-6 h-fit">
+                        <h3 className="text-xl font-bold mb-4">CART TOTALS</h3>
+                        <div className="space-y-3">
+                            <div className="flex justify-between">
+                                <span>Subtotal</span>
+                                <span>{currency} {getTotalCartAmount().toFixed(2)}</span>
+                            </div>
+                            <div className="flex justify-between">
+                                <span>Shipping Fee</span>
+                                <span>{currency} {shippingFee.toFixed(2)}</span>
+                            </div>
+                            <div className="flex justify-between font-bold text-lg pt-3 border-t border-gray-200">
+                                <span>Total</span>
+                                <span>{currency} {(getTotalCartAmount() + shippingFee).toFixed(2)}</span>
+                            </div>
+                        </div>
+                        <button className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors">
+                            PROCEED TO CHECKOUT
+                        </button>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
 }
 
-export default Cart
\ No newline at end of file
+export default Cart;
\ No newline at end of file
diff --git a/Frontend/src/components/Context/CartContext.jsx b/Frontend/src/components/Context/CartContext.jsx
new file mode 100644
index 0000000..71875db
--- /dev/null
+++ b/Frontend/src/components/Context/CartContext.jsx
@@ -0,0 +1,74 @@
+// CartContext.js
+import { createContext, useState, useContext, useEffect } from 'react';
+
+const CartContext = createContext();
+
+export const CartProvider = ({ children }) => {
+  const [cartItems, setCartItems] = useState([]);
+  const [cartCount, setCartCount] = useState(0);
+
+  // Load cart from localStorage on initial render
+  useEffect(() => {
+    const savedCart = localStorage.getItem('cart');
+    if (savedCart) {
+      setCartItems(JSON.parse(savedCart));
+      setCartCount(JSON.parse(savedCart).length);
+    }
+  }, []);
+
+  // Save cart to localStorage whenever it changes
+  useEffect(() => {
+    localStorage.setItem('cart', JSON.stringify(cartItems));
+    setCartCount(cartItems.length);
+  }, [cartItems]);
+
+  const addToCart = (product) => {
+    setCartItems((prevItems) => {
+      const existingItem = prevItems.find(item => item.id === product.id);
+      if (existingItem) {
+        return prevItems.map(item =>
+          item.id === product.id 
+            ? { ...item, quantity: item.quantity + 1 } 
+            : item
+        );
+      }
+      return [...prevItems, { ...product, quantity: 1 }];
+    });
+  };
+
+  const removeFromCart = (productId) => {
+    setCartItems(prevItems => prevItems.filter(item => item.id !== productId));
+  };
+
+  const updateQuantity = (productId, newQuantity) => {
+    if (newQuantity < 1) {
+      removeFromCart(productId);
+      return;
+    }
+    
+    setCartItems(prevItems =>
+      prevItems.map(item =>
+        item.id === productId ? { ...item, quantity: newQuantity } : item
+      )
+    );
+  };
+
+  const clearCart = () => {
+    setCartItems([]);
+  };
+
+  return (
+    <CartContext.Provider value={{
+      cartItems,
+      cartCount,
+      addToCart,
+      removeFromCart,
+      updateQuantity,
+      clearCart
+    }}>
+      {children}
+    </CartContext.Provider>
+  );
+};
+
+export const useCart = () => useContext(CartContext);
\ No newline at end of file
diff --git a/Frontend/src/components/Context/ShopContext.jsx b/Frontend/src/components/Context/ShopContext.jsx
index 4c10305..5f392d1 100644
--- a/Frontend/src/components/Context/ShopContext.jsx
+++ b/Frontend/src/components/Context/ShopContext.jsx
@@ -1,5 +1,6 @@
 
-import React, { createContext, useState, useEffect, useMemo } from "react";
+
+import React, { createContext, useState, useEffect, useMemo, useCallback } from "react";
 
 export const ShopContext = createContext();
 
@@ -16,118 +17,213 @@ function ShopContextProvider(props) {
   const delivery_fee = 100;
   const [searchQuery, setSearchQuery] = useState("");
   const [showSearch, setShowSearch] = useState(false);
+  const [user, setUser] = useState(null);
+
+  // Store pending cart operations to handle network issues
+  const [pendingOperations, setPendingOperations] = useState([]);
 
-  const addToCart = async (itemId, quantity = 1) => {
+  // Memoized API base URL7
+  const apiBaseUrl = useMemo(() => 'http://localhost:8000', []);
+  const logout = async () => {
     try {
-      // First update local state for immediate UI feedback
-      setCartItems((prevCart) => {
-        const itemIdStr = String(itemId);
-        return {
-          ...prevCart,
-          [itemIdStr]: (prevCart[itemIdStr] || 0) + quantity,
-        };
+      await axios.post('http://localhost:8000/api/session_logout/', {}, {
+        withCredentials: true,
+        headers: {
+          'Authorization': `Token ${localStorage.getItem('token')}`,
+        }
       });
       
+      localStorage.removeItem('token');
+      setUser(null);
+      setCartItems({}); // Clear cart on logout
+    } catch (error) {
+      console.error('Logout error:', error);
+    }
+  };
+  // Unified API request handler
+  const makeApiRequest = useCallback(async (endpoint, method = 'GET', body = null) => {
+    const token = localStorage.getItem('token');
+    const headers = {
+      'Content-Type': 'application/json',
+    };
+    
+    if (token) {
+      headers['Authorization'] = `Bearer ${token}`;
+    }
+    
+    const response = await fetch(`${apiBaseUrl}${endpoint}`, {
+      method,
+      headers,
+      body: body ? JSON.stringify(body) : null,
+    });
+    
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => ({}));
+      throw new Error(errorData.error || 'Request failed');
+    }
+    
+    return response.json();
+  }, [apiBaseUrl]);
+
+  // Process pending cart operations
+  const processPendingOperations = useCallback(async () => {
+    if (pendingOperations.length === 0) return;
+    
+    try {
+      const operations = [...pendingOperations];
+      setPendingOperations([]);
+      
+      for (const op of operations) {
+        try {
+          await makeApiRequest(op.endpoint, op.method, op.body);
+        } catch (error) {
+          console.error('Failed to sync operation:', op, error);
+          // Requeue failed operations
+          setPendingOperations(prev => [...prev, op]);
+        }
+      }
+      
+      // In your ShopContext.js
+
+
+
+
+      // Refresh cart after processing pending operations
+      await fetchCartFromBackend();
+    } catch (error) {
+      console.error('Error processing pending operations:', error);
+    }
+  }, [pendingOperations, makeApiRequest]);
+
+  // Optimized cart update function
+  const updateLocalCart = useCallback((itemId, quantity) => {
+    const itemIdStr = String(itemId);
+    
+    setCartItems(prevCart => {
+      if (quantity <= 0) {
+        const { [itemIdStr]: _, ...rest } = prevCart;
+        return rest;
+      }
+      
+      return {
+        ...prevCart,
+        [itemIdStr]: quantity,
+      };
+    });
+  }, []);
+
+  const addToCart = useCallback(async (itemId, quantity = 1) => {
+    const itemIdStr = String(itemId);
+    const currentQty = cartItems[itemIdStr] || 0;
+    const newQty = currentQty + quantity;
+    
+    // Optimistic UI update
+    updateLocalCart(itemId, newQty);
+    
+    try {
       const token = localStorage.getItem('token');
       if (!token) {
-        // If no token, just keep the local cart (guest mode)
+        // Queue operation for when user logs in
+        setPendingOperations(prev => [...prev, {
+          endpoint: '/add-to-cart/',
+          method: 'POST',
+          body: { product_id: itemId, quantity }
+        }]);
         return;
       }
       
-      // Then sync with backend
-      const response = await fetch('http://localhost:8000/add-to-cart/', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'Authorization': `Bearer ${token}`
-        },
-        body: JSON.stringify({
-          product_id: itemId,
-          quantity: quantity
-        })
+      await makeApiRequest('/add-to-cart/', 'POST', {
+        product_id: itemId,
+        quantity: quantity
       });
       
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(errorData.error || 'Failed to sync with server');
-      }
-      
-      // Optionally fetch the updated cart to ensure consistency
-      await fetchCartFromBackend();
-      
     } catch (error) {
-      console.error('Error syncing cart with server:', error);
-      setCartError('Failed to add item to cart. Please try again.');
+      console.error('Error adding to cart:', error);
+      setCartError(error.message);
       
-      // Revert local state if server sync fails
-      fetchCartFromBackend();
+      // Revert local state and queue operation for retry
+      updateLocalCart(itemId, currentQty);
+      setPendingOperations(prev => [...prev, {
+        endpoint: '/add-to-cart/',
+        method: 'POST',
+        body: { product_id: itemId, quantity }
+      }]);
     }
-  };
+  }, [cartItems, makeApiRequest, updateLocalCart]);
 
-  const removeFromCart = async (itemId, quantity = 1) => {
+  const removeFromCart = useCallback(async (itemId, quantity = 1) => {
     const itemIdStr = String(itemId);
     const currentQty = cartItems[itemIdStr] || 0;
+    const newQty = Math.max(0, currentQty - quantity);
+    
+    // Optimistic UI update
+    updateLocalCart(itemId, newQty);
     
     try {
-      // Update local state first for immediate feedback
-      setCartItems((prevCart) => {
-        const newQty = Math.max(0, currentQty - quantity);
-        
-        if (newQty <= 0) {
-          const { [itemIdStr]: _, ...rest } = prevCart;
-          return rest;
-        }
-        
-        return {
-          ...prevCart,
-          [itemIdStr]: newQty,
-        };
-      });
-      
       const token = localStorage.getItem('token');
       if (!token) {
-        // If no token, just keep the local cart (guest mode)
+        // Queue operation for when user logs in
+        const endpoint = quantity >= currentQty ? '/remove-cart/' : '/minus-cart/';
+        setPendingOperations(prev => [...prev, {
+          endpoint,
+          method: 'POST',
+          body: { product_id: itemId }
+        }]);
         return;
       }
       
-      // Then sync with backend
-      const endpoint = quantity >= currentQty ? 
-        'http://localhost:8000/remove-cart/' : 
-        'http://localhost:8000/minus-cart/';
-        
-      const response = await fetch(endpoint, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'Authorization': `Bearer ${token}`
-        },
-        body: JSON.stringify({
-          product_id: itemId
-        })
-      });
+      const endpoint = quantity >= currentQty ? '/remove-cart/' : '/minus-cart/';
+      await makeApiRequest(endpoint, 'POST', { product_id: itemId });
       
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(errorData.error || 'Failed to sync with server');
-      }
+    } catch (error) {
+      console.error('Error removing from cart:', error);
+      setCartError(error.message);
       
-      // Optionally fetch the updated cart to ensure consistency
-      await fetchCartFromBackend();
+      // Revert local state and queue operation for retry
+      updateLocalCart(itemId, currentQty);
+      const endpoint = quantity >= currentQty ? '/remove-cart/' : '/minus-cart/';
+      setPendingOperations(prev => [...prev, {
+        endpoint,
+        method: 'POST',
+        body: { product_id: itemId }
+      }]);
+    }
+  }, [cartItems, makeApiRequest, updateLocalCart]);
+
+  const clearCart = useCallback(async () => {
+    // Optimistic UI update
+    setCartItems({});
+    
+    try {
+      const token = localStorage.getItem('token');
+      if (!token) {
+        // Queue operation for when user logs in
+        setPendingOperations(prev => [...prev, {
+          endpoint: '/clear-cart/',
+          method: 'POST'
+        }]);
+        return;
+      }
       
+      await makeApiRequest('/clear-cart/', 'POST');
     } catch (error) {
-      console.error('Error syncing cart with server:', error);
-      setCartError('Failed to update cart. Please try again.');
+      console.error('Error clearing cart:', error);
+      setCartError(error.message);
       
-      // Revert local state if server sync fails
-      fetchCartFromBackend();
+      // Revert local state and queue operation for retry
+      await fetchCartFromBackend();
+      setPendingOperations(prev => [...prev, {
+        endpoint: '/clear-cart/',
+        method: 'POST'
+      }]);
     }
-  };
+  }, [makeApiRequest]);
 
-  const getCartCount = () => {
+  const getCartCount = useCallback(() => {
     return Object.values(cartItems).reduce((total, quantity) => total + quantity, 0);
-  };
+  }, [cartItems]);
 
-  const getTotalCartAmount = () => {
+  const getTotalCartAmount = useCallback(() => {
     let total = 0;
     for (const itemId in cartItems) {
       const item = state.products.find(product => String(product.id) === itemId);
@@ -136,9 +232,9 @@ function ShopContextProvider(props) {
       }
     }
     return total;
-  };
+  }, [cartItems, state.products]);
   
-  const fetchCartFromBackend = async () => {
+  const fetchCartFromBackend = useCallback(async () => {
     setCartLoading(true);
     setCartError(null);
     
@@ -149,23 +245,7 @@ function ShopContextProvider(props) {
         return;
       }
       
-      const response = await fetch('http://localhost:8000/show-cart/', {
-        headers: {
-          'Authorization': `Bearer ${token}`
-        }
-      });
-      
-      if (!response.ok) {
-        if (response.status === 401) {
-          // Token expired or invalid
-          localStorage.removeItem('token');
-          setCartItems({});
-          throw new Error('Your session has expired. Please log in again.');
-        }
-        throw new Error('Failed to fetch cart');
-      }
-      
-      const data = await response.json();
+      const data = await makeApiRequest('/show-cart/');
       
       // Convert backend cart format to frontend format
       const cartState = {};
@@ -177,65 +257,67 @@ function ShopContextProvider(props) {
     } catch (error) {
       console.error('Error fetching cart:', error);
       setCartError(error.message);
+      
+      if (error.message.includes('session') || error.message.includes('token')) {
+        localStorage.removeItem('token');
+      }
     } finally {
       setCartLoading(false);
     }
-  };
+  }, [makeApiRequest]);
 
-  // Fetch products
-  useEffect(() => {
+  const fetchProducts = useCallback(async () => {
     const controller = new AbortController();
-    const { signal } = controller;
-
-    const fetchProducts = async () => {
-      try {
-        const response = await fetch("http://localhost:8000/products/", {
-          signal,
-        });
+    
+    try {
+      const response = await fetch(`${apiBaseUrl}/products/`, {
+        signal: controller.signal,
+      });
 
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
 
-        const data = await response.json();
+      const data = await response.json();
 
-        setState({
-          products: data,
+      setState({
+        products: data,
+        loading: false,
+        error: null,
+      });
+    } catch (err) {
+      if (err.name !== "AbortError") {
+        setState(prev => ({
+          ...prev,
           loading: false,
-          error: null,
-        });
-      } catch (err) {
-        if (err.name === "AbortError") {
-          console.log("Fetch aborted");
-        } else {
-          setState((prev) => ({
-            ...prev,
-            loading: false,
-            error: err.message,
-          }));
-        }
+          error: err.message,
+        }));
       }
-    };
+    }
+    
+    return () => controller.abort();
+  }, [apiBaseUrl]);
 
+  // Initial data loading
+  useEffect(() => {
     fetchProducts();
+  }, [fetchProducts]);
 
-    return () => controller.abort();
-  }, []);
-
-  // Load cart on initial mount or when token changes
+  // Cart synchronization
   useEffect(() => {
-    const token = localStorage.getItem('token');
-    if (token) {
-      fetchCartFromBackend();
-    }
+    const handleCartSync = async () => {
+      const token = localStorage.getItem('token');
+      if (token) {
+        await fetchCartFromBackend();
+        await processPendingOperations();
+      }
+    };
+    
+    handleCartSync();
     
     const handleStorageChange = (e) => {
       if (e.key === 'token') {
-        if (e.newValue) {
-          fetchCartFromBackend();
-        } else {
-          setCartItems({});
-        }
+        handleCartSync();
       }
     };
     
@@ -244,20 +326,18 @@ function ShopContextProvider(props) {
     return () => {
       window.removeEventListener('storage', handleStorageChange);
     };
-  }, []);
+  }, [fetchCartFromBackend, processPendingOperations]);
 
   // Memoized filtered products based on search query
   const filteredProducts = useMemo(() => {
     if (!searchQuery) return state.products;
 
+    const searchLower = searchQuery.toLowerCase();
     return state.products.filter((product) => {
-      const searchLower = searchQuery.toLowerCase();
       return (
         product.name.toLowerCase().includes(searchLower) ||
-        (product.description &&
-          product.description.toLowerCase().includes(searchLower)) ||
-        (product.category &&
-          product.category.toLowerCase().includes(searchLower))
+        (product.description && product.description.toLowerCase().includes(searchLower)) ||
+        (product.category && product.category.toLowerCase().includes(searchLower))
       );
     });
   }, [state.products, searchQuery]);
@@ -273,11 +353,15 @@ function ShopContextProvider(props) {
     setSearchQuery,
     showSearch,
     setShowSearch,
+    user,
+  setUser,
+  logout,
     cartItems,
     cartLoading,
     cartError,
     addToCart,
     removeFromCart,
+    clearCart,
     getCartCount,
     getTotalCartAmount,
     refreshCart: fetchCartFromBackend,
diff --git a/Frontend/src/components/Pages/CartPage.jsx b/Frontend/src/components/Pages/CartPage.jsx
index 8d78d12..0e52dfc 100644
--- a/Frontend/src/components/Pages/CartPage.jsx
+++ b/Frontend/src/components/Pages/CartPage.jsx
@@ -1,87 +1,102 @@
-// // pages/CartPage.js
-// import { useCart } from '../contexts/CartContext';
+// CartPage.js
+import { useCart } from "../Context/CartContext";
+import { Link } from 'react-router-dom';
 
-// const CartPage = () => {
-//   const {
-//     cart,
-//     totalAmount,
-//     loading,
-//     error,
-//     removeFromCart,
-//     updateQuantity
-//   } = useCart();
+function CartPage() {
+  const { cartItems, updateQuantity, removeFromCart, clearCart } = useCart();
 
-//   if (loading && cart.length === 0) return <div>Loading cart...</div>;
-//   if (error) return <div>Error: {error}</div>;
+  const total = cartItems.reduce(
+    (sum, item) => sum + (item.price * item.quantity), 0
+  );
 
-//   return (
-//     <div className="cart-page">
-//       <h1>Your Cart</h1>
-      
-//       {cart.length === 0 ? (
-//         <p>Your cart is empty</p>
-//       ) : (
-//         <>
-//           <div className="cart-items">
-//             {cart.map(item => (
-//               <div key={item.id} className="cart-item">
-//                 <img src={item.product.image} alt={item.product.name} />
-//                 <div>
-//                   <h3>{item.product.name}</h3>
-//                   <p>${item.product.price} each</p>
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-3xl font-bold mb-6">YOUR CART</h1>
+
+      {cartItems.length === 0 ? (
+        <div className="text-center py-12">
+          <p className="text-xl mb-4">Your cart is empty</p>
+          <Link
+            to="/collection"
+            className="bg-black hover:bg-gray-800 text-white font-bold py-2 px-4 rounded"
+          >
+            Continue Shopping
+          </Link>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+          <div className="lg:col-span-2">
+            {cartItems.map((item) => (
+              <div key={item.id} className="border-b py-4 flex justify-between items-center">
+                <div className="flex items-center gap-4">
+                  <img 
+                    src={item.image} 
+                    alt={item.name} 
+                    className="w-20 h-20 object-cover"
+                  />
+                  <div>
+                    <h3 className="font-medium">{item.name}</h3>
+                    <p className="text-gray-600">${item.price}</p>
+                    <p className="text-sm text-gray-500">Size: {item.size || 'L'}</p>
+                  </div>
+                </div>
+                
+                <div className="flex items-center gap-4">
+                  <div className="flex items-center border">
+                    <button 
+                      onClick={() => updateQuantity(item.id, item.quantity - 1)}
+                      className="px-3 py-1"
+                    >
+                      -
+                    </button>
+                    <span className="px-3">{item.quantity}</span>
+                    <button 
+                      onClick={() => updateQuantity(item.id, item.quantity + 1)}
+                      className="px-3 py-1"
+                    >
+                      +
+                    </button>
+                  </div>
                   
-//                   <div className="quantity-controls">
-//                     <button 
-//                       onClick={() => updateQuantity(item.id, item.quantity - 1)}
-//                       disabled={loading}
-//                     >
-//                       -
-//                     </button>
-//                     <span>{item.quantity}</span>
-//                     <button 
-//                       onClick={() => updateQuantity(item.id, item.quantity + 1)}
-//                       disabled={loading}
-//                     >
-//                       +
-//                     </button>
-//                   </div>
+                  <p className="font-medium w-20 text-right">
+                    ${(item.price * item.quantity).toFixed(2)}
+                  </p>
                   
-//                   <button 
-//                     onClick={() => removeFromCart(item.id)}
-//                     disabled={loading}
-//                     className="remove-btn"
-//                   >
-//                     Remove
-//                   </button>
-//                 </div>
-//                 <div className="item-total">
-//                   ${(item.quantity * item.product.price).toFixed(2)}
-//                 </div>
-//               </div>
-//             ))}
-//           </div>
+                  <button 
+                    onClick={() => removeFromCart(item.id)}
+                    className="text-red-500"
+                  >
+                    Remove
+                  </button>
+                </div>
+              </div>
+            ))}
+          </div>
           
-//           <div className="cart-summary">
-//             <h3>Order Summary</h3>
-//             <div className="summary-row">
-//               <span>Subtotal</span>
-//               <span>${totalAmount.toFixed(2)}</span>
-//             </div>
-//             <div className="summary-row">
-//               <span>Shipping</span>
-//               <span>Free</span>
-//             </div>
-//             <div className="summary-row total">
-//               <span>Total</span>
-//               <span>${totalAmount.toFixed(2)}</span>
-//             </div>
-            
-//             <button className="checkout-btn">
-//               Proceed to Checkout
-//             </button>
-//           </div>
-//         </>
-//       )}
-//     </div>
-//   );
-// };
\ No newline at end of file
+          <div className="lg:col-span-1">
+            <div className="bg-gray-50 p-6">
+              <h2 className="text-xl font-bold mb-4">Order Summary</h2>
+              <div className="flex justify-between py-2 border-b">
+                <span>Subtotal</span>
+                <span>${total.toFixed(2)}</span>
+              </div>
+              <div className="flex justify-between py-2 border-b">
+                <span>Shipping</span>
+                <span>Free</span>
+              </div>
+              <div className="flex justify-between py-4 font-bold">
+                <span>Total</span>
+                <span>${total.toFixed(2)}</span>
+              </div>
+              <button className="w-full bg-black text-white py-3 mt-4">
+                Proceed to Checkout
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default CartPage;
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/LogOut.jsx b/Frontend/src/components/Pages/LogOut.jsx
new file mode 100644
index 0000000..5783120
--- /dev/null
+++ b/Frontend/src/components/Pages/LogOut.jsx
@@ -0,0 +1,53 @@
+import React, { useContext } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { ShopContext } from '../Context/ShopContext';
+import axios from 'axios';
+
+function LogOut() {
+  const navigate = useNavigate();
+  const { setUser, clearCart } = useContext(ShopContext);
+
+  const handleLogout = async () => {
+    try {
+      // Call Django logout endpoint using the URL name
+      await axios.post('http://localhost:8000/logout/', {}, {
+        withCredentials: true, // Required for session cookies
+        headers: {
+          'X-CSRFToken': getCookie('csrftoken'), // Needed if using CSRF protection
+          'Content-Type': 'application/json'
+        }
+      });
+
+      // Clear frontend state
+      localStorage.removeItem('token');
+      if (setUser) setUser(null);
+      if (clearCart) clearCart();
+      
+      // Redirect to home
+      navigate('/');
+      
+    } catch (error) {
+      console.error('Logout failed:', error.response?.data || error.message);
+      // Optional: Show error to user
+      alert('Logout failed. Please try again.');
+    }
+  };
+
+  // Helper function to get CSRF token
+  const getCookie = (name) => {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) return parts.pop().split(';').shift();
+  };
+
+  return (
+    <button 
+      onClick={handleLogout}
+      className="text-gray-700 hover:text-gray-900 cursor-pointer py-2 px-4"
+    >
+      Logout
+    </button>
+  );
+}
+
+export default LogOut;
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/Login.jsx b/Frontend/src/components/Pages/Login.jsx
index b50d3dc..418c3d7 100644
--- a/Frontend/src/components/Pages/Login.jsx
+++ b/Frontend/src/components/Pages/Login.jsx
@@ -1,64 +1,288 @@
 
+// import React, { useState, useContext, useEffect } from 'react';
+// import { useNavigate, Link } from 'react-router-dom';
+// import { ShopContext } from '../Context/ShopContext';
+// import axios from 'axios';
+
+// function Login() {
+//   const [formData, setFormData] = useState({
+//     username: '',
+//     password: '',
+//   });
+//   const [errors, setErrors] = useState({
+//     username: '',
+//     password: '',
+//     form: ''
+//   });
+//   const [isLoading, setIsLoading] = useState(false);
+//   const [showPassword, setShowPassword] = useState(false);
+//   const navigate = useNavigate();
+//   const { setIsLoggedIn, setUser } = useContext(ShopContext);
+
+//   useEffect(() => {
+//     if (localStorage.getItem('access_token')) {
+//       navigate('/');
+//     }
+//   }, [navigate]);
+
+//   const handleChange = (e) => {
+//     setFormData({
+//       ...formData,
+//       [e.target.name]: e.target.value,
+//     });
+//     // Clear error when typing
+//     if (errors[e.target.name]) {
+//       setErrors({
+//         ...errors,
+//         [e.target.name]: '',
+//       });
+//     }
+//   };
+
+//   const validate = () => {
+//     const newErrors = {};
+//     if (!formData.username.trim()) newErrors.username = 'Username is required';
+//     if (!formData.password) newErrors.password = 'Password is required';
+//     setErrors(newErrors);
+//     return Object.keys(newErrors).length === 0;
+//   };
+
+//   const handleApiError = (error) => {
+//     if (error.response) {
+//       switch (error.response.status) {
+//         case 400: return 'Invalid credentials';
+//         case 401: return 'Unauthorized';
+//         case 500: return 'Server error';
+//         default: return error.response.data?.detail || 'Login failed';
+//       }
+//     } else if (error.request) {
+//       return 'Network error - please check your connection';
+//     } else {
+//       return 'An unexpected error occurred';
+//     }
+//   };
+
+//   const handleSubmit = async (e) => {
+//     e.preventDefault();
+//     if (!validate()) return;
+    
+//     setErrors({ ...errors, form: '' });
+//     setIsLoading(true);
+
+//     try {
+//       await axios.get('http://localhost:8000/get-csrf-token/', {
+//         withCredentials: true
+//       });
+
+//       const response = await axios.post(
+//         'http://localhost:8000/login/',
+//         formData,
+//         {
+//           headers: {
+//             'Content-Type': 'application/json',
+//           },
+//           withCredentials: true
+//         }
+//       );
+
+//       const { user } = response.data;
+      
+//       // Update context
+//       setIsLoggedIn(true);
+//       setUser(user);
+
+//       // Redirect to home or intended page
+//       navigate('/');
+//     } catch (err) {
+//       setErrors({
+//         ...errors,
+//         form: handleApiError(err)
+//       });
+//     } finally {
+//       setIsLoading(false);
+//     }
+//   };
+
+//   return (
+//     <div className="flex justify-center items-center min-h-screen bg-gray-100">
+//       <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
+//         <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
+        
+//         {errors.form && (
+//           <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+//             {errors.form}
+//           </div>
+//         )}
+        
+//         <form onSubmit={handleSubmit} className="space-y-4" noValidate>
+//           <div>
+//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
+//               Username
+//             </label>
+//             <input
+//               className={`shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline ${
+//                 errors.username ? 'border-red-500' : ''
+//               }`}
+//               id="username"
+//               type="text"
+//               name="username"
+//               placeholder="Username"
+//               value={formData.username}
+//               onChange={handleChange}
+//               required
+//             />
+//             {errors.username && (
+//               <p className="text-red-500 text-xs italic mt-1">{errors.username}</p>
+//             )}
+//           </div>
+          
+//           <div className="relative">
+//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
+//               Password
+//             </label>
+//             <input
+//               className={`shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline ${
+//                 errors.password ? 'border-red-500' : ''
+//               }`}
+//               id="password"
+//               type={showPassword ? 'text' : 'password'}
+//               name="password"
+//               placeholder="******************"
+//               value={formData.password}
+//               onChange={handleChange}
+//               required
+//             />
+//             <button
+//               type="button"
+//               className="absolute right-3 top-10 transform -translate-y-1/2"
+//               onClick={() => setShowPassword(!showPassword)}
+//               tabIndex="-1"
+//             >
+//               {showPassword ? '👁️' : '👁️‍🗨️'}
+//             </button>
+//             {errors.password && (
+//               <p className="text-red-500 text-xs italic mt-1">{errors.password}</p>
+//             )}
+//           </div>
+          
+//           <div className="flex items-center justify-between">
+//             <button
+//               className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
+//               type="submit"
+//               disabled={isLoading}
+//             >
+//               {isLoading ? (
+//                 <>
+//                   <span className="inline-block animate-spin mr-2">↻</span>
+//                   Logging in...
+//                 </>
+//               ) : 'Sign In'}
+//             </button>
+//           </div>
+          
+//           <div className="text-center mt-4">
+//             <p className="text-sm">
+//               Don't have an account?{' '}
+//               <Link to="/register" className="text-[#2d98b3] hover:text-gray-700">
+//                 Register
+//               </Link>
+//             </p>
+//             <p className="text-sm mt-2">
+//               <Link to="/forgot-password" className="text-[#2d98b3] hover:text-gray-700">
+//                 Forgot password?
+//               </Link>
+//             </p>
+//           </div>
+//         </form>
+//       </div>
+//     </div>
+//   );
+// }
+
+// export default Login;
 
 
-import React, { useState, useContext } from 'react';
+
+import React, { useState } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
-import { ShopContext } from '../Context/ShopContext';
-import axios from 'axios';
 
 function Login() {
   const [formData, setFormData] = useState({
     username: '',
     password: '',
   });
-  const [error, setError] = useState('');
+  const [errors, setErrors] = useState({});
   const [isLoading, setIsLoading] = useState(false);
   const navigate = useNavigate();
-  const { setIsLoggedIn, setUser } = useContext(ShopContext);
+
+  // Helper function to get CSRF token from cookies
+  const getCookie = (name) => {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== '') {
+      const cookies = document.cookie.split(';');
+      for (let i = 0; i < cookies.length; i++) {
+        const cookie = cookies[i].trim();
+        if (cookie.substring(0, name.length + 1) === (name + '=')) {
+          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+          break;
+        }
+      }
+    }
+    return cookieValue;
+  };
 
   const handleChange = (e) => {
+    const { name, value } = e.target;
     setFormData({
       ...formData,
-      [e.target.name]: e.target.value,
+      [name]: value,
     });
+    // Clear error when typing
+    if (errors[name]) {
+      setErrors(prev => ({ ...prev, [name]: '' }));
+    }
   };
 
   const handleSubmit = async (e) => {
     e.preventDefault();
-    setError('');
     setIsLoading(true);
+    setErrors({});
 
     try {
-      const response = await axios.post(
-        'http://localhost:8000/login/',
-        formData,
-        {
-          headers: {
-            'Content-Type': 'application/json',
-          },
-        }
-      );
+      // 1. First get CSRF token
+      await fetch('http://localhost:8000/get-csrf-token/', {
+        credentials: 'include',
+      });
 
-      const { access, refresh, user } = response.data;
+      // 2. Then submit login with CSRF token
+      const response = await fetch('http://localhost:8000/login/', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-CSRFToken': getCookie('csrftoken'),
+        },
+        body: JSON.stringify(formData),
+        credentials: 'include',
+      });
 
-      // Store tokens securely
-      localStorage.setItem('access_token', access);
-      localStorage.setItem('refresh_token', refresh);
+      const data = await response.json();
 
-      // Update context
-      setIsLoggedIn(true);
-      setUser(user);
+      if (!response.ok) {
+        setErrors(data);
+        throw new Error(data.detail || 'Login failed');
+      }
 
-      // Set default axios authorization header
-      axios.defaults.headers.common['Authorization'] = `Bearer ${access}`;
+      // Successful login - redirect to home
+      navigate('/', { 
+        state: { from: 'login' } 
+      });
 
-      // Redirect to home or intended page
-      navigate('/');
-    } catch (err) {
-      setError(
-        err.response?.data?.detail ||
-          'Login failed. Please check your credentials.'
-      );
+    } catch (error) {
+      console.error('Login error:', error);
+      setErrors(prev => ({
+        ...prev,
+        nonFieldErrors: [error.message],
+      }));
     } finally {
       setIsLoading(false);
     }
@@ -69,9 +293,11 @@ function Login() {
       <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
         <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
         
-        {error && (
+        {errors.nonFieldErrors && (
           <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
-            {error}
+            {errors.nonFieldErrors.map((error, index) => (
+              <p key={index} className="text-sm">{error}</p>
+            ))}
           </div>
         )}
         
@@ -81,7 +307,7 @@ function Login() {
               Username
             </label>
             <input
-              className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+              className={`shadow appearance-none border ${errors.username ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
               id="username"
               type="text"
               name="username"
@@ -90,31 +316,42 @@ function Login() {
               onChange={handleChange}
               required
             />
+            {errors.username && (
+              <p className="text-red-500 text-xs italic mt-1">{errors.username}</p>
+            )}
           </div>
           
-          <div >
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2 mt-4 " htmlFor="password">
+          <div>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
               Password
             </label>
             <input
-              className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+              className={`shadow appearance-none border ${errors.password ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
               id="password"
               type="password"
               name="password"
-              placeholder="******************"
+              placeholder="••••••••"
               value={formData.password}
               onChange={handleChange}
               required
             />
+            {errors.password && (
+              <p className="text-red-500 text-xs italic mt-1">{errors.password}</p>
+            )}
           </div>
           
           <div className="flex items-center justify-between">
             <button
-              className="bg-[#1b5968] hover:bg-[#4b5f64] text-white  font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
+              className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
               type="submit"
               disabled={isLoading}
             >
-              {isLoading ? 'Logging in...' : 'Sign In'}
+              {isLoading ? (
+                <>
+                  <span className="inline-block animate-spin mr-2">↻</span>
+                  Logging in...
+                </>
+              ) : 'Sign In'}
             </button>
           </div>
           
@@ -133,65 +370,4 @@ function Login() {
   );
 }
 
-export default Login;
-// src/pages/Login.js
-// import React, { useState, useContext } from 'react';
-// import { AuthContext } from '../Context/AuthContext';
-// import Register from './Register';
-// const Login = () => {
-//   const { login } = useContext(AuthContext);
-//   const [formData, setFormData] = useState({ username: '', password: '' });
-//   const [error, setError] = useState('');
-//   const [isLoading, setIsLoading] = useState(false);
-
-//   const handleChange = (e) => {
-//     setFormData({ ...formData, [e.target.name]: e.target.value });
-//   };
-
-//   const handleSubmit = async (e) => {
-//     e.preventDefault();
-//     setError('');
-//     setIsLoading(true);
-//     try {
-//       await login(formData.username, formData.password);
-//     } catch (err) {
-//       setError(err.response?.data?.detail || 'Login failed');
-//     } finally {
-//       setIsLoading(false);
-//     }
-//   };
-
-//   return (
-//     <div className="p-4 max-w-md mx-auto">
-//       <h2 className="text-2xl font-bold mb-4">Login</h2>
-//       {error && <p className="text-red-500 mb-2">{error}</p>}
-//       <form onSubmit={handleSubmit} className="space-y-4">
-//         <input
-//           type="text"
-//           name="username"
-//           placeholder="Username"
-//           onChange={handleChange}
-//           value={formData.username}
-//           className="w-full border px-3 py-2"
-//         />
-//         <input
-//           type="password"
-//           name="password"
-//           placeholder="Password"
-//           onChange={handleChange}
-//           value={formData.password}
-//           className="w-full border px-3 py-2"
-//         />
-//         <button
-//           type="submit"
-//           className="bg-blue-600 text-white px-4 py-2 w-full rounded"
-//           disabled={isLoading}
-//         >
-//           {isLoading ? 'Logging in...' : 'Login'}
-//         </button>
-//       </form>
-//     </div>
-//   );
-// };
-
-// export default Login;
+export default Login;
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/Navbar.jsx b/Frontend/src/components/Pages/Navbar.jsx
index ebec286..fa6a013 100644
--- a/Frontend/src/components/Pages/Navbar.jsx
+++ b/Frontend/src/components/Pages/Navbar.jsx
@@ -6,8 +6,8 @@ import menu from "/public/images/menu.png";
 import searchh from "/public/images/searchh.png";
 import { Link, NavLink } from "react-router-dom";
 import { ShopContext } from "../Context/ShopContext";
-import Login from "./Login"
-
+// import Login from "./Login"
+import Login from "./Login";
 function Navbar() {
 	const [isMenuOpen, setIsMenuOpen] = useState(false);
 	const [isHeaderVisible, setIsHeaderVisible] = useState(true);
@@ -80,7 +80,9 @@ function Navbar() {
 						<div className="flex flex-col gap-2 w-36 py-3 px-5 bg-slate-100 text-gray-500 rounded">
 							<p className="cursor-pointer hover:text-black">My Profile</p>
 							<p className="cursor-pointer hover:text-black">Orders</p>
-							<p className="cursor-pointer hover:text-black">Logout</p>
+							
+							<Link to="/logout" className="hover:text-black">Logout</Link>
+
 						</div>
 					</div>
 				</div>
diff --git a/Frontend/src/components/Pages/Register.jsx b/Frontend/src/components/Pages/Register.jsx
index 1e23662..47eae77 100644
--- a/Frontend/src/components/Pages/Register.jsx
+++ b/Frontend/src/components/Pages/Register.jsx
@@ -1,7 +1,6 @@
-
 import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { Link } from 'react-router-dom';
+import { useNavigate, Link } from 'react-router-dom';
+
 function Register() {
   const [formData, setFormData] = useState({
     username: '',
@@ -13,52 +12,97 @@ function Register() {
     password: '',
     password2: ''
   });
+  
   const [errors, setErrors] = useState({});
   const [isSubmitting, setIsSubmitting] = useState(false);
   const navigate = useNavigate();
 
+  // Helper function to get CSRF token from cookies
+  const getCookie = (name) => {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== '') {
+      const cookies = document.cookie.split(';');
+      for (let i = 0; i < cookies.length; i++) {
+        const cookie = cookies[i].trim();
+        if (cookie.substring(0, name.length + 1) === (name + '=')) {
+          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+          break;
+        }
+      }
+    }
+    return cookieValue;
+  };
+
   const handleChange = (e) => {
     const { name, value } = e.target;
     setFormData({
       ...formData,
       [name]: value
     });
+    // Clear error when user types
+    if (errors[name]) {
+      setErrors(prev => ({ ...prev, [name]: null }));
+    }
+  };
+
+  const validatePasswords = () => {
+    if (formData.password !== formData.password2) {
+      setErrors(prev => ({
+        ...prev,
+        password2: ['Passwords do not match']
+      }));
+      return false;
+    }
+    return true;
   };
 
   const handleSubmit = async (e) => {
     e.preventDefault();
-    setIsSubmitting(true); // Show the user something is happening
     
-    console.log("Submitting form data:", formData); // Debug log
+    if (!validatePasswords()) {
+      return;
+    }
     
+    setIsSubmitting(true);
+    setErrors({});
+
     try {
+      // 1. First get CSRF token
+      await fetch('http://localhost:8000/get-csrf-token/', {
+        credentials: 'include'
+      });
+
+      // 2. Then submit registration with CSRF token
       const response = await fetch('http://localhost:8000/register/', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
+          'X-CSRFToken': getCookie('csrftoken')
         },
         body: JSON.stringify(formData),
         credentials: 'include'
       });
-  
-      console.log("Response status:", response.status); // Debug log
-      
+
       const data = await response.json();
-      console.log('Response data:', data);
       
       if (!response.ok) {
         setErrors(data);
-        throw new Error(data.message || 'Registration failed');
+        throw new Error(data.non_field_errors?.[0] || 'Registration failed');
       }
-      
-      // If successful, redirect or show success message
-      alert('Registration successful!');
-      navigate('/login');
-      
+
+      navigate('/login', {
+        state: { 
+          registrationSuccess: true,
+          message: 'Registration successful! Please login.' 
+        }
+      });
+
     } catch (error) {
       console.error('Registration error:', error);
-      // Set general error if not caught by the response handling
-      setErrors(prev => ({...prev, non_field_errors: [error.message]}));
+      setErrors(prev => ({
+        ...prev,
+        non_field_errors: [error.message]
+      }));
     } finally {
       setIsSubmitting(false);
     }
@@ -69,15 +113,20 @@ function Register() {
       <div className="bg-[#fbfcfc] p-8 rounded-lg shadow-md w-full max-w-[600px]">
         <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Create Account</h2>
 
+        {errors.non_field_errors && (
+          <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+            {errors.non_field_errors.map((error, index) => (
+              <p key={index} className="text-sm">{error}</p>
+            ))}
+          </div>
+        )}
+
         <form onSubmit={handleSubmit} className="space-y-4">
           {/* Username */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
-              Username*
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">Username*</label>
             <input
               className={`shadow appearance-none border ${errors.username ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="username"
               type="text"
               name="username"
               value={formData.username}
@@ -89,12 +138,9 @@ function Register() {
 
           {/* First Name */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="first_name">
-              First Name*
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">First Name*</label>
             <input
               className={`shadow appearance-none border ${errors.first_name ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="first_name"
               type="text"
               name="first_name"
               value={formData.first_name}
@@ -106,12 +152,9 @@ function Register() {
 
           {/* Last Name */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="last_name">
-              Last Name*
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">Last Name*</label>
             <input
               className={`shadow appearance-none border ${errors.last_name ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="last_name"
               type="text"
               name="last_name"
               value={formData.last_name}
@@ -123,12 +166,9 @@ function Register() {
 
           {/* Email */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="email">
-              Email*
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">Email*</label>
             <input
               className={`shadow appearance-none border ${errors.email ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="email"
               type="email"
               name="email"
               value={formData.email}
@@ -140,31 +180,33 @@ function Register() {
 
           {/* Phone */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="phone">
-              Phone Number* (10 digits)
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">Phone*</label>
             <input
               className={`shadow appearance-none border ${errors.phone ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="phone"
               type="tel"
               name="phone"
               value={formData.phone}
-              onChange={handleChange}
+              onChange={(e) => {
+                const value = e.target.value.replace(/\D/g, '').slice(0, 10);
+                handleChange({
+                  target: {
+                    name: 'phone',
+                    value
+                  }
+                });
+              }}
               required
               pattern="[0-9]{10}"
-              title="Phone number should be 10 digits"
+              title="10 digit phone number"
             />
             {errors.phone && <p className="text-red-500 text-xs italic">{errors.phone}</p>}
           </div>
 
           {/* Address */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="address">
-              Address*
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">Address*</label>
             <textarea
               className={`shadow appearance-none border ${errors.address ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="address"
               name="address"
               value={formData.address}
               onChange={handleChange}
@@ -176,29 +218,24 @@ function Register() {
 
           {/* Password */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
-              Password*
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">Password*</label>
             <input
               className={`shadow appearance-none border ${errors.password ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="password"
               type="password"
               name="password"
               value={formData.password}
               onChange={handleChange}
               required
+              minLength="8"
             />
             {errors.password && <p className="text-red-500 text-xs italic">{errors.password}</p>}
           </div>
 
           {/* Confirm Password */}
           <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password2">
-              Confirm Password*
-            </label>
+            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2">Confirm Password*</label>
             <input
               className={`shadow appearance-none border ${errors.password2 ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="password2"
               type="password"
               name="password2"
               value={formData.password2}
@@ -208,24 +245,13 @@ function Register() {
             {errors.password2 && <p className="text-red-500 text-xs italic">{errors.password2}</p>}
           </div>
 
-          {/* Non-field errors */}
-          {errors.non_field_errors && (
-            <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
-              {errors.non_field_errors.map((error, index) => (
-                <p key={index}>{error}</p>
-              ))}
-            </div>
-          )}
-
-          <div className="flex items-center justify-between">
-            <button
-              className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full"
-              type="submit"
-              disabled={isSubmitting}
-            >
-              {isSubmitting ? 'Registering...' : 'Register'}
-            </button>
-          </div>
+          <button
+            className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
+            type="submit"
+            disabled={isSubmitting}
+          >
+            {isSubmitting ? 'Registering...' : 'Register'}
+          </button>
 
           <div className="text-center mt-4">
             <p>Already have an account? <Link to="/login" className="text-[#12a0c4] hover:text-blue-700">Login</Link></p>
diff --git a/backend/app/views.py b/backend/app/views.py
index 856cc5d..4f4d2c0 100644
--- a/backend/app/views.py
+++ b/backend/app/views.py
@@ -24,26 +24,6 @@ class RegisterView(generics.CreateAPIView):
   def perform_create(self, serializer):
     user = serializer.save()
 
-# @api_view(['POST'])
-# @permission_classes([AllowAny])
-# def login(request):
-#   serializer = LoginSerializer(data = request.data)
-#   if serializer.is_valid():
-#     user = serializer.validated_data['user']
-#     refresh = RefreshToken.for_user(user)
-#     access_token = refresh.access_token
-#     access_token['username'] = user.username
-#     access_token['phone']  = user.phone
-#     return Response({
-#       'refresh' : str(refresh),
-#       'access': str(access_token),
-#       'user': {
-#         'username': user.username,
-#         'phone': user.phone
-#       }
-#     }, status = status.HTTP_200_OK)
-#   else:
-#     return Response(serializer.errors, status = status.HTTP_400_BAD_REQUEST)
 
 
 
@@ -136,20 +116,6 @@ def session_logout(request):
 def get_csrf_token(request):
     return JsonResponse({"message": "CSRF cookie set"})
 
-# @api_view(['POST'])
-# @permission_classes([IsAuthenticated])
-# def LogoutView(request):
-#     try:
-#         refresh_token = request.data.get("refresh")
-#         if not refresh_token:
-#             return Response({"error": "Refresh token is required"}, status=status.HTTP_400_BAD_REQUEST)
-
-#         token = RefreshToken(refresh_token)
-#         token.blacklist()
-
-#         return Response({"message": "Successfully logged out"}, status=status.HTTP_200_OK)
-#     except Exception as e:
-#         return Response({"error": str(e)}, status=status.HTTP_400_BAD_REQUEST)
 
 
 
diff --git a/backend/backend/settings.py b/backend/backend/settings.py
index 77fb8e8..2b7ed8b 100644
--- a/backend/backend/settings.py
+++ b/backend/backend/settings.py
@@ -174,6 +174,9 @@
     "http://127.0.0.1:3000"
 ]
 
+CSRF_TRUSTED_ORIGINS = [
+    "http://localhost:5173"
+]
 
 CORS_ALLOW_CREDENTIALS = True
 CSRF_COOKIE_HTTPONLY = False

From 049a1b16c228fb65866eaa35ed2be2854097e580 Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Mon, 21 Apr 2025 14:44:20 +0545
Subject: [PATCH 05/11] remove button

---
 Frontend/src/components/Cart/Cart.jsx   | 167 ++++---------------
 Frontend/src/components/Pages/Login.jsx | 203 ------------------------
 2 files changed, 29 insertions(+), 341 deletions(-)

diff --git a/Frontend/src/components/Cart/Cart.jsx b/Frontend/src/components/Cart/Cart.jsx
index d5c335a..f8ee491 100644
--- a/Frontend/src/components/Cart/Cart.jsx
+++ b/Frontend/src/components/Cart/Cart.jsx
@@ -1,142 +1,9 @@
-
-
-
-// // import React, { useContext, useEffect, useState } from "react";
-// // import { ShopContext } from "../Context/ShopContext";
-// // import Title from "../Pages/Title";
-
-// // function Cart() {
-// //     const { products, currency, cartItems } = useContext(ShopContext);
-// //     const [cartData, setCartData] = useState([]);
-
-// //     useEffect(() => {
-// //         const tempData = [];
-// //         // Corrected: use Object.keys() and map instead of for...in with undefined variable
-// //         Object.keys(cartItems).forEach(itemId => {
-// //             if (cartItems[itemId] > 0) {
-// //                 tempData.push({
-// //                     id: itemId,
-// //                     quantity: cartItems[itemId],
-// //                 });
-// //             }
-// //         });
-// //         setCartData(tempData);
-// //     }, [cartItems]); // Add cartItems as dependency
-
-// //     return (
-// //         <div className="border-t pt-14">
-// //             <div className="text-2xl mb-3">
-// //                 <Title text1={'Your'} text2={'CART'}/>
-// //             </div>
-            
-// //             <div>
-// //                 {cartData.length > 0 ? (
-// //                     cartData.map(item => (
-// //                         <div key={item.id}>
-// //                             {/* Render your cart items here */}
-// //                             Product ID: {item.id} - Quantity: {item.quantity}
-// //                         </div>
-// //                     ))
-// //                 ) : (
-// //                     <p>Your cart is empty</p>
-// //                 )}
-// //             </div>
-// //         </div>
-// //     );
-// // }
-
-// // export default Cart;
-// import React, { useContext, useEffect, useState } from "react";
-// import { ShopContext } from "../Context/ShopContext";
-// import Title from "../Pages/Title";
-
-// function Cart() {
-//     const { products, currency, cartItems, getTotalCartAmount } = useContext(ShopContext);
-//     const [cartData, setCartData] = useState([]);
-//     const shippingFee = 10; // You can move this to context if needed
-
-//     useEffect(() => {
-//         const tempData = [];
-//         Object.keys(cartItems).forEach(itemId => {
-//             if (cartItems[itemId] > 0) {
-//                 const product = products.find(p => p.id.toString() === itemId);
-//                 if (product) {
-//                     tempData.push({
-//                         id: itemId,
-//                         quantity: cartItems[itemId],
-//                         product: product
-//                     });
-//                 }
-//             }
-//         });
-//         setCartData(tempData);
-//     }, [cartItems, products]);
-
-//     return (
-//         <div className="border-t pt-14 max-w-6xl mx-auto px-4">
-//             <div className="text-2xl mb-8">
-//                 <Title text1={'Your'} text2={'CART'}/>
-//             </div>
-            
-//             <div className="flex flex-col lg:flex-row gap-8">
-//                 {/* Cart Items */}
-//                 <div className="flex-1">
-//                     {cartData.length > 0 ? (
-//                         cartData.map(item => (
-//                             <div key={item.id} className="border-b border-gray-200 py-6 flex flex-col sm:flex-row gap-4">
-//                                 <div className="flex-1">
-//                                     <h3 className="text-lg font-medium">{item.product.name}</h3>
-//                                     <p className="text-gray-600">{item.product.description}</p>
-//                                     <p className="text-gray-800 mt-2">
-//                                         {currency} {item.product.price} {item.product.size || ''}
-//                                     </p>
-//                                 </div>
-//                                 <div className="flex items-center gap-4">
-//                                     <span className="text-lg font-medium">{item.quantity}</span>
-//                                 </div>
-//                             </div>
-//                         ))
-//                     ) : (
-//                         <p className="text-gray-500">Your cart is empty</p>
-//                     )}
-//                 </div>
-
-//                 {/* Cart Summary */}
-//                 {cartData.length > 0 && (
-//                     <div className="lg:w-80 bg-gray-50 p-6 h-fit">
-//                         <h3 className="text-xl font-bold mb-4">CART TOTALS</h3>
-//                         <div className="space-y-3">
-//                             <div className="flex justify-between">
-//                                 <span>Subtotal</span>
-//                                 <span>{currency} {getTotalCartAmount().toFixed(2)}</span>
-//                             </div>
-//                             <div className="flex justify-between">
-//                                 <span>Shipping Fee</span>
-//                                 <span>{currency} {shippingFee.toFixed(2)}</span>
-//                             </div>
-//                             <div className="flex justify-between font-bold text-lg pt-3 border-t border-gray-200">
-//                                 <span>Total</span>
-//                                 <span>{currency} {(getTotalCartAmount() + shippingFee).toFixed(2)}</span>
-//                             </div>
-//                         </div>
-//                         <button className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors">
-//                             PROCEED TO CHECKOUT
-//                         </button>
-//                     </div>
-//                 )}
-//             </div>
-//         </div>
-//     );
-// }
-
-// export default Cart;
-
 import React, { useContext, useEffect, useState } from "react";
 import { ShopContext } from "../Context/ShopContext";
 import Title from "../Pages/Title";
 
 function Cart() {
-    const { products, currency, cartItems, getTotalCartAmount } = useContext(ShopContext);
+    const { products, currency, cartItems, getTotalCartAmount ,addToCart,removeFromCart} = useContext(ShopContext);
     const [cartData, setCartData] = useState([]);
     const shippingFee = 10;
 
@@ -199,13 +66,36 @@ function Cart() {
                                         {currency} {item.product.price} {item.product.size || ''}
                                     </p>
                                     <div className="flex items-center gap-4 mt-4">
-                                        <span className="text-lg font-medium">Qty: {item.quantity}</span>
-                                    </div>
+    <span className="text-lg font-medium">Qty:</span>
+    <div className="flex items-center gap-4">
+        <button
+            onClick={() => removeFromCart(item.id)}
+            className="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded text-lg"
+        >
+            -
+        </button>
+      <span className="text-lg font-medium">{item.quantity}</span>
+        <button
+            onClick={() => addToCart(item.id)}
+            className="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded text-lg"
+        >
+            +
+        </button>
+ <button
+className="px-3 py-2 bg-gray-600 text-white rounded hover:bg-red-600"
+onClick={() => removeFromCart(item.id, item.quantity)}
+>
+🗑️ Delete
+</button> 
+    </div>
+</div>
+
+
                                 </div>
                             </div>
                         ))
                     ) : (
-                        <p className="text-gray-500">Your cart is empty</p>
+                        <p className="text-gray-500 text-[30px] font-bold text-center">Your cart is empty</p>
                     )}
                 </div>
 
@@ -237,4 +127,5 @@ function Cart() {
     );
 }
 
-export default Cart;
\ No newline at end of file
+export default Cart;
+
diff --git a/Frontend/src/components/Pages/Login.jsx b/Frontend/src/components/Pages/Login.jsx
index 418c3d7..03b54fb 100644
--- a/Frontend/src/components/Pages/Login.jsx
+++ b/Frontend/src/components/Pages/Login.jsx
@@ -1,207 +1,4 @@
 
-// import React, { useState, useContext, useEffect } from 'react';
-// import { useNavigate, Link } from 'react-router-dom';
-// import { ShopContext } from '../Context/ShopContext';
-// import axios from 'axios';
-
-// function Login() {
-//   const [formData, setFormData] = useState({
-//     username: '',
-//     password: '',
-//   });
-//   const [errors, setErrors] = useState({
-//     username: '',
-//     password: '',
-//     form: ''
-//   });
-//   const [isLoading, setIsLoading] = useState(false);
-//   const [showPassword, setShowPassword] = useState(false);
-//   const navigate = useNavigate();
-//   const { setIsLoggedIn, setUser } = useContext(ShopContext);
-
-//   useEffect(() => {
-//     if (localStorage.getItem('access_token')) {
-//       navigate('/');
-//     }
-//   }, [navigate]);
-
-//   const handleChange = (e) => {
-//     setFormData({
-//       ...formData,
-//       [e.target.name]: e.target.value,
-//     });
-//     // Clear error when typing
-//     if (errors[e.target.name]) {
-//       setErrors({
-//         ...errors,
-//         [e.target.name]: '',
-//       });
-//     }
-//   };
-
-//   const validate = () => {
-//     const newErrors = {};
-//     if (!formData.username.trim()) newErrors.username = 'Username is required';
-//     if (!formData.password) newErrors.password = 'Password is required';
-//     setErrors(newErrors);
-//     return Object.keys(newErrors).length === 0;
-//   };
-
-//   const handleApiError = (error) => {
-//     if (error.response) {
-//       switch (error.response.status) {
-//         case 400: return 'Invalid credentials';
-//         case 401: return 'Unauthorized';
-//         case 500: return 'Server error';
-//         default: return error.response.data?.detail || 'Login failed';
-//       }
-//     } else if (error.request) {
-//       return 'Network error - please check your connection';
-//     } else {
-//       return 'An unexpected error occurred';
-//     }
-//   };
-
-//   const handleSubmit = async (e) => {
-//     e.preventDefault();
-//     if (!validate()) return;
-    
-//     setErrors({ ...errors, form: '' });
-//     setIsLoading(true);
-
-//     try {
-//       await axios.get('http://localhost:8000/get-csrf-token/', {
-//         withCredentials: true
-//       });
-
-//       const response = await axios.post(
-//         'http://localhost:8000/login/',
-//         formData,
-//         {
-//           headers: {
-//             'Content-Type': 'application/json',
-//           },
-//           withCredentials: true
-//         }
-//       );
-
-//       const { user } = response.data;
-      
-//       // Update context
-//       setIsLoggedIn(true);
-//       setUser(user);
-
-//       // Redirect to home or intended page
-//       navigate('/');
-//     } catch (err) {
-//       setErrors({
-//         ...errors,
-//         form: handleApiError(err)
-//       });
-//     } finally {
-//       setIsLoading(false);
-//     }
-//   };
-
-//   return (
-//     <div className="flex justify-center items-center min-h-screen bg-gray-100">
-//       <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
-//         <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
-        
-//         {errors.form && (
-//           <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
-//             {errors.form}
-//           </div>
-//         )}
-        
-//         <form onSubmit={handleSubmit} className="space-y-4" noValidate>
-//           <div>
-//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
-//               Username
-//             </label>
-//             <input
-//               className={`shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline ${
-//                 errors.username ? 'border-red-500' : ''
-//               }`}
-//               id="username"
-//               type="text"
-//               name="username"
-//               placeholder="Username"
-//               value={formData.username}
-//               onChange={handleChange}
-//               required
-//             />
-//             {errors.username && (
-//               <p className="text-red-500 text-xs italic mt-1">{errors.username}</p>
-//             )}
-//           </div>
-          
-//           <div className="relative">
-//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
-//               Password
-//             </label>
-//             <input
-//               className={`shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline ${
-//                 errors.password ? 'border-red-500' : ''
-//               }`}
-//               id="password"
-//               type={showPassword ? 'text' : 'password'}
-//               name="password"
-//               placeholder="******************"
-//               value={formData.password}
-//               onChange={handleChange}
-//               required
-//             />
-//             <button
-//               type="button"
-//               className="absolute right-3 top-10 transform -translate-y-1/2"
-//               onClick={() => setShowPassword(!showPassword)}
-//               tabIndex="-1"
-//             >
-//               {showPassword ? '👁️' : '👁️‍🗨️'}
-//             </button>
-//             {errors.password && (
-//               <p className="text-red-500 text-xs italic mt-1">{errors.password}</p>
-//             )}
-//           </div>
-          
-//           <div className="flex items-center justify-between">
-//             <button
-//               className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
-//               type="submit"
-//               disabled={isLoading}
-//             >
-//               {isLoading ? (
-//                 <>
-//                   <span className="inline-block animate-spin mr-2">↻</span>
-//                   Logging in...
-//                 </>
-//               ) : 'Sign In'}
-//             </button>
-//           </div>
-          
-//           <div className="text-center mt-4">
-//             <p className="text-sm">
-//               Don't have an account?{' '}
-//               <Link to="/register" className="text-[#2d98b3] hover:text-gray-700">
-//                 Register
-//               </Link>
-//             </p>
-//             <p className="text-sm mt-2">
-//               <Link to="/forgot-password" className="text-[#2d98b3] hover:text-gray-700">
-//                 Forgot password?
-//               </Link>
-//             </p>
-//           </div>
-//         </form>
-//       </div>
-//     </div>
-//   );
-// }
-
-// export default Login;
-
-
 
 import React, { useState } from 'react';
 import { useNavigate, Link } from 'react-router-dom';

From 6a32c2f5580c0b199b75fbb5f74a7529c876f0c3 Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Mon, 21 Apr 2025 23:10:36 +0545
Subject: [PATCH 06/11] paymentgateway

---
 Frontend/package-lock.json                    |  23 +-
 Frontend/package.json                         |   4 +-
 Frontend/src/App.jsx                          |  29 ++-
 Frontend/src/Layout.jsx                       |  15 --
 Frontend/src/components/Cart/Cart.jsx         | 237 +++++++++---------
 .../src/components/Home/LatestCollection.jsx  |  42 ++++
 Frontend/src/components/Pages/CartPage.jsx    | 102 --------
 Frontend/src/components/Pages/Contact.jsx     |  78 +++++-
 Frontend/src/components/Pages/Header.jsx      |  65 -----
 Frontend/src/components/Pages/Home.jsx        |  20 +-
 .../src/components/Pages/LatestCollection.jsx |  51 ----
 Frontend/src/components/Pages/Navbar.jsx      |   9 +-
 Frontend/src/components/Pages/PlaceOrder.jsx  |   9 -
 Frontend/src/components/Pages/Signup.jsx      |   9 -
 Frontend/src/components/Payment/Failure.jsx   |   9 +
 .../src/components/Payment/PaymentGateway.jsx | 121 +++++++++
 Frontend/src/components/Payment/Success.jsx   |  36 +++
 Frontend/src/components/ProductCard.jsx       |  32 ---
 18 files changed, 455 insertions(+), 436 deletions(-)
 delete mode 100644 Frontend/src/Layout.jsx
 create mode 100644 Frontend/src/components/Home/LatestCollection.jsx
 delete mode 100644 Frontend/src/components/Pages/CartPage.jsx
 delete mode 100644 Frontend/src/components/Pages/Header.jsx
 delete mode 100644 Frontend/src/components/Pages/LatestCollection.jsx
 delete mode 100644 Frontend/src/components/Pages/PlaceOrder.jsx
 delete mode 100644 Frontend/src/components/Pages/Signup.jsx
 create mode 100644 Frontend/src/components/Payment/Failure.jsx
 create mode 100644 Frontend/src/components/Payment/PaymentGateway.jsx
 create mode 100644 Frontend/src/components/Payment/Success.jsx
 delete mode 100644 Frontend/src/components/ProductCard.jsx

diff --git a/Frontend/package-lock.json b/Frontend/package-lock.json
index 767c823..1095ead 100644
--- a/Frontend/package-lock.json
+++ b/Frontend/package-lock.json
@@ -10,11 +10,13 @@
       "dependencies": {
         "@tailwindcss/vite": "^4.0.7",
         "axios": "^1.8.4",
+        "crypto-js": "^4.2.0",
         "js-cookie": "^3.0.5",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-router-dom": "^7.2.0",
-        "tailwindcss": "^4.0.7"
+        "tailwindcss": "^4.0.7",
+        "uuid": "^11.1.0"
       },
       "devDependencies": {
         "@eslint/js": "^9.19.0",
@@ -2020,6 +2022,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -5008,6 +5016,19 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/uuid": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
+      "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/esm/bin/uuid"
+      }
+    },
     "node_modules/vite": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.1.1.tgz",
diff --git a/Frontend/package.json b/Frontend/package.json
index c415c1e..acb4850 100644
--- a/Frontend/package.json
+++ b/Frontend/package.json
@@ -12,11 +12,13 @@
   "dependencies": {
     "@tailwindcss/vite": "^4.0.7",
     "axios": "^1.8.4",
+    "crypto-js": "^4.2.0",
     "js-cookie": "^3.0.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router-dom": "^7.2.0",
-    "tailwindcss": "^4.0.7"
+    "tailwindcss": "^4.0.7",
+    "uuid": "^11.1.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.19.0",
diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index 8f78e70..c0c9396 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -7,31 +7,29 @@ import Products from "./components/Pages/Products";
 import Cart from "./components/Cart/Cart";
 import Login from "./components/Pages/Login";
 import LogOut from "./components/Pages/LogOut";
-import PlaceOrder from "./components/Pages/PlaceOrder";
 import Orders from "./components/Pages/Orders";
-import Footer from './components/Pages/Footer';
+import Footer from "./components/Pages/Footer";
 import Collection from "./components/Pages/Collection";
 import Register from "./components/Pages/Register";
 import SearchBar from "./components/Pages/SearchBar";
 import Navbar from "./components/Pages/Navbar";
-// import CartPage from "./components/Pages/CartPage";
-
-import { CartProvider } from "./components/Context/CartContext";
+import PaymentGateway from "./components/Payment/PaymentGateway";
+import Success from "./components/Payment/Success";
+import Failure from "./components/Payment/Failure";
 import ShopContextProvider from "./components/Context/ShopContext";
+
+// import { CartProvider } from "./components/Context/CartContext";
 // import Policy from "./components/Pages/Policies";
 // import { CartProvider } from "./components/Cart/Cart";
 // import { AuthProvider } from "./components/Context/AuthContext";
 // import AuthProtected from "./components/AuthProtected";
-// import { ShopContextProvider } from "./components/Context/ShopContext";
 function App() {
 	return (
 		<>
-
 			{/* <AuthProvider> */}
 			<ShopContextProvider>
-
-			<Navbar/>
-			<SearchBar/>
+				<Navbar />
+				<SearchBar />
 				<Routes>
 					<Route path="/" element={<Home />} />
 					<Route path="/collection" element={<Collection />} />
@@ -44,18 +42,19 @@ function App() {
 					<Route path="/login" element={<Login />} />
 					<Route path="/logout" element={<LogOut />} />
 					<Route path="/register" element={<Register />} />
-					<Route path="/place-order" element={<PlaceOrder />} />
 					<Route path="/orders" element={<Orders />} />
+					<Route path="/success" element={<Success/>} />
+					<Route path="/failure" element={<Failure/>} />
+					<Route path="/paymentGateway" element={<PaymentGateway />} />
 				</Routes>
 
 				{/* <Policy/> */}
-		<Footer/>
-		</ShopContextProvider>
+				<Footer />
+			</ShopContextProvider>
 
-				{/* </AuthProvider> */}
+			{/* </AuthProvider> */}
 		</>
 	);
 }
 
 export default App;
-
diff --git a/Frontend/src/Layout.jsx b/Frontend/src/Layout.jsx
deleted file mode 100644
index 7be479a..0000000
--- a/Frontend/src/Layout.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-import Header from './components/Header/Header'
-import { Outlet } from 'react-router-dom'
-import Footer from './components/Footer/Footer'
-
-function Layout() {
-  return (<>
-   <Header/>
-    <Outlet/>
-    <Footer/></>
-   
-  )
-}
-
-export default Layout
\ No newline at end of file
diff --git a/Frontend/src/components/Cart/Cart.jsx b/Frontend/src/components/Cart/Cart.jsx
index f8ee491..e19f7fc 100644
--- a/Frontend/src/components/Cart/Cart.jsx
+++ b/Frontend/src/components/Cart/Cart.jsx
@@ -1,131 +1,134 @@
+
+
 import React, { useContext, useEffect, useState } from "react";
 import { ShopContext } from "../Context/ShopContext";
 import Title from "../Pages/Title";
+import { Link, useNavigate } from "react-router-dom";
 
 function Cart() {
-    const { products, currency, cartItems, getTotalCartAmount ,addToCart,removeFromCart} = useContext(ShopContext);
-    const [cartData, setCartData] = useState([]);
-    const shippingFee = 10;
+	const navigate= useNavigate()
+	const {
+		products,
+		currency,
+		cartItems,
+		getTotalCartAmount,
+		addToCart,
+		removeFromCart,
+	} = useContext(ShopContext);
+	const [cartData, setCartData] = useState([]);
+	const shippingFee = 10;
 
-    useEffect(() => {
-        const tempData = [];
-        Object.keys(cartItems).forEach(itemId => {
-            if (cartItems[itemId] > 0) {
-                const product = products.find(p => p.id.toString() === itemId);
-                if (product) {
-                    tempData.push({
-                        id: itemId,
-                        quantity: cartItems[itemId],
-                        product: {
-                            ...product,
-                            img: getImageUrl(product.img) // Add image URL processing
-                        }
-                    });
-                }
-            }
-        });
-        setCartData(tempData);
-    }, [cartItems, products]);
+	useEffect(() => {
+		const tempData = [];
+		Object.keys(cartItems).forEach((itemId) => {
+			if (cartItems[itemId] > 0) {
+				const product = products.find((p) => p.id.toString() === itemId);
+				if (product) {
+					tempData.push({
+						id: itemId,
+						quantity: cartItems[itemId],
+						product: {
+							...product,
+							img: getImageUrl(product.img),
+						},
+					});
+				}
+			}
+		});
+		setCartData(tempData);
+	}, [cartItems, products]);
 
-    // Helper function to handle image URLs
-    const getImageUrl = (imagePath) => {
-        if (!imagePath) return '/default-product.jpg';
-        if (imagePath.startsWith('http')) return imagePath;
-        return `http://localhost:8000${imagePath}`; // Adjust based on your backend
-    };
+	const getImageUrl = (imagePath) => {
+		if (!imagePath) return "/default-product.jpg";
+		if (imagePath.startsWith("http")) return imagePath;
+		return `http://localhost:8000${imagePath}`;
+	};
 
-    return (
-        <div className="border-t pt-14 max-w-6xl mx-auto px-4">
-            <div className="text-2xl mb-8">
-                <Title text1={'Your'} text2={'CART'}/>
-            </div>
-            
-            <div className="flex flex-col lg:flex-row gap-8">
-                {/* Cart Items */}
-                <div className="flex-1">
-                    {cartData.length > 0 ? (
-                        cartData.map(item => (
-                            <div key={item.id} className="border-b border-gray-200 py-6 flex flex-col sm:flex-row gap-6">
-                                {/* Product Image */}
-                                <div className="w-32 h-32 flex-shrink-0 bg-gray-100">
-                                    <img 
-                                        src={item.product.img} 
-                                        alt={item.product.name}
-                                        className="w-full h-full object-contain"
-                                        onError={(e) => {
-                                            e.target.onerror = null;
-                                            e.target.src = '/default-product.jpg';
-                                        }}
-                                    />
-                                </div>
-                                
-                                {/* Product Details */}
-                                <div className="flex-1">
-                                    <h3 className="text-lg font-medium uppercase">{item.product.name}</h3>
-                                    <p className="text-gray-800 mt-2">
-                                        {currency} {item.product.price} {item.product.size || ''}
-                                    </p>
-                                    <div className="flex items-center gap-4 mt-4">
-    <span className="text-lg font-medium">Qty:</span>
-    <div className="flex items-center gap-4">
-        <button
-            onClick={() => removeFromCart(item.id)}
-            className="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded text-lg"
-        >
-            -
-        </button>
-      <span className="text-lg font-medium">{item.quantity}</span>
-        <button
-            onClick={() => addToCart(item.id)}
-            className="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded text-lg"
-        >
-            +
-        </button>
- <button
-className="px-3 py-2 bg-gray-600 text-white rounded hover:bg-red-600"
-onClick={() => removeFromCart(item.id, item.quantity)}
->
-🗑️ Delete
-</button> 
-    </div>
-</div>
+	return (
+		<div className="border-t pt-14 max-w-6xl mx-auto px-4">
+			<div className="text-2xl mb-8">
+				<Title text1={"Your"} text2={"CART"} />
+			</div>
 
+			<div className="flex flex-col lg:flex-row gap-8">
+				<div className="flex-1">
+					{cartData.length > 0 ? (
+						cartData.map((item) => (
+							<div key={item.id} className="border-b py-6 flex flex-col sm:flex-row gap-6">
+								<div className="w-32 h-32 flex-shrink-0 bg-gray-100">
+									<img
+										src={item.product.img}
+										alt={item.product.name}
+										className="w-full h-full object-contain"
+										onError={(e) => {
+											e.target.onerror = null;
+											e.target.src = "/default-product.jpg";
+										}}
+									/>
+								</div>
 
-                                </div>
-                            </div>
-                        ))
-                    ) : (
-                        <p className="text-gray-500 text-[30px] font-bold text-center">Your cart is empty</p>
-                    )}
-                </div>
+								<div className="flex-1">
+									<h3 className="text-lg font-medium uppercase">{item.product.name}</h3>
+									<p className="text-gray-800 mt-2">
+										{currency} {item.product.price} {item.product.size || ""}
+									</p>
+									<div className="flex items-center gap-4 mt-4">
+										<span className="text-lg font-medium">Qty:</span>
+										<div className="flex items-center gap-4">
+											<button onClick={() => removeFromCart(item.id)} className="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded text-lg">-</button>
+											<span className="text-lg font-medium">{item.quantity}</span>
+											<button onClick={() => addToCart(item.id)} className="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded text-lg">+</button>
+											<button onClick={() => removeFromCart(item.id, item.quantity)} className="px-3 py-2 bg-gray-600 text-white rounded hover:bg-red-600">🗑️ Delete</button>
+										</div>
+									</div>
+								</div>
+							</div>
+						))
+					) : (
+						<div className="text-center">
+							<p className="text-gray-500 text-[30px] font-bold">Your cart is empty</p>
+							<Link to="/collection">
+								<button className="bg-black text-white px-6 py-3 rounded hover:bg-gray-800 mt-4">
+									Continue Shopping
+								</button>
+							</Link>
+						</div>
+					)}
+				</div>
 
-                {/* Cart Summary */}
-                {cartData.length > 0 && (
-                    <div className="lg:w-80 bg-gray-50 p-6 h-fit">
-                        <h3 className="text-xl font-bold mb-4">CART TOTALS</h3>
-                        <div className="space-y-3">
-                            <div className="flex justify-between">
-                                <span>Subtotal</span>
-                                <span>{currency} {getTotalCartAmount().toFixed(2)}</span>
-                            </div>
-                            <div className="flex justify-between">
-                                <span>Shipping Fee</span>
-                                <span>{currency} {shippingFee.toFixed(2)}</span>
-                            </div>
-                            <div className="flex justify-between font-bold text-lg pt-3 border-t border-gray-200">
-                                <span>Total</span>
-                                <span>{currency} {(getTotalCartAmount() + shippingFee).toFixed(2)}</span>
-                            </div>
-                        </div>
-                        <button className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors">
-                            PROCEED TO CHECKOUT
-                        </button>
-                    </div>
-                )}
-            </div>
-        </div>
-    );
+				{cartData.length > 0 && (
+					<div className="lg:w-80 bg-gray-50 p-6 h-fit">
+						<h3 className="text-xl font-bold mb-4">CART TOTALS</h3>
+						<div className="space-y-3">
+							<div className="flex justify-between">
+								<span>Subtotal</span>
+								<span>{currency} {getTotalCartAmount().toFixed(2)}</span>
+							</div>
+							<div className="flex justify-between">
+								<span>Shipping Fee</span>
+								<span>{currency} {shippingFee.toFixed(2)}</span>
+							</div>
+							<div className="flex justify-between font-bold text-lg pt-3 border-t border-gray-200">
+								<span>Total</span>
+								<span>{currency} {(getTotalCartAmount() + shippingFee).toFixed(2)}</span>
+							</div>
+						</div>
+
+						<Link to="/paymentGateway" state={{
+							cartItems: cartData,
+							total: (getTotalCartAmount() + shippingFee).toFixed(2),
+							currency
+						}}>
+							<button onClick={()=>navigate("/paymentGateway",{state:{getTotalCartAmount:getTotalCartAmount}})} 
+							className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors">
+								PROCEED TO CHECKOUT
+							</button>
+						</Link>
+					</div>
+				)}
+			</div>
+		</div>
+	);
 }
 
 export default Cart;
-
diff --git a/Frontend/src/components/Home/LatestCollection.jsx b/Frontend/src/components/Home/LatestCollection.jsx
new file mode 100644
index 0000000..0c963f8
--- /dev/null
+++ b/Frontend/src/components/Home/LatestCollection.jsx
@@ -0,0 +1,42 @@
+import React, { useContext, useEffect, useState } from "react";
+import { ShopContext } from "../Context/ShopContext";
+import Title from "../Pages/Title";
+import ProductItem from "../Pages/ProductItem";
+
+function LatestCollection() {
+	const { products } = useContext(ShopContext);
+
+	// Note: changed from Products to products to match the context value
+
+	const [latestProducts, setLatestProducts] = useState([]);
+	useEffect(() => {
+		setLatestProducts(products.slice(0, 10));
+	}, [products]);
+
+	return (
+		<div className="my-10">
+			<div className="text-center py-8 text-3xl">
+				<Title text1={"LATEST"} text2={"COLLECTION"} />
+				{/* <p className="w-2/4 m-auto text-xs sm:text-sm md:text-base text-gray-600">
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, ipsa.</p> */}
+			</div>
+
+			{/* rendering products */}
+
+			<div className="grid grid-cols-4 sm:grid-col-3 md:grid-cols-4 lg:grid-cols-5 gap-4 gap-y-15 px-8 font-bold">
+				{latestProducts.map((product, index) => (
+					<ProductItem
+						key={index}
+						id={product.id}
+						img={product.img}
+						name={product.name}
+						price={product.price}
+						category={product.category}
+					/>
+				))}
+			</div>
+		</div>
+	);
+}
+
+export default LatestCollection;
diff --git a/Frontend/src/components/Pages/CartPage.jsx b/Frontend/src/components/Pages/CartPage.jsx
deleted file mode 100644
index 0e52dfc..0000000
--- a/Frontend/src/components/Pages/CartPage.jsx
+++ /dev/null
@@ -1,102 +0,0 @@
-// CartPage.js
-import { useCart } from "../Context/CartContext";
-import { Link } from 'react-router-dom';
-
-function CartPage() {
-  const { cartItems, updateQuantity, removeFromCart, clearCart } = useCart();
-
-  const total = cartItems.reduce(
-    (sum, item) => sum + (item.price * item.quantity), 0
-  );
-
-  return (
-    <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">YOUR CART</h1>
-
-      {cartItems.length === 0 ? (
-        <div className="text-center py-12">
-          <p className="text-xl mb-4">Your cart is empty</p>
-          <Link
-            to="/collection"
-            className="bg-black hover:bg-gray-800 text-white font-bold py-2 px-4 rounded"
-          >
-            Continue Shopping
-          </Link>
-        </div>
-      ) : (
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
-          <div className="lg:col-span-2">
-            {cartItems.map((item) => (
-              <div key={item.id} className="border-b py-4 flex justify-between items-center">
-                <div className="flex items-center gap-4">
-                  <img 
-                    src={item.image} 
-                    alt={item.name} 
-                    className="w-20 h-20 object-cover"
-                  />
-                  <div>
-                    <h3 className="font-medium">{item.name}</h3>
-                    <p className="text-gray-600">${item.price}</p>
-                    <p className="text-sm text-gray-500">Size: {item.size || 'L'}</p>
-                  </div>
-                </div>
-                
-                <div className="flex items-center gap-4">
-                  <div className="flex items-center border">
-                    <button 
-                      onClick={() => updateQuantity(item.id, item.quantity - 1)}
-                      className="px-3 py-1"
-                    >
-                      -
-                    </button>
-                    <span className="px-3">{item.quantity}</span>
-                    <button 
-                      onClick={() => updateQuantity(item.id, item.quantity + 1)}
-                      className="px-3 py-1"
-                    >
-                      +
-                    </button>
-                  </div>
-                  
-                  <p className="font-medium w-20 text-right">
-                    ${(item.price * item.quantity).toFixed(2)}
-                  </p>
-                  
-                  <button 
-                    onClick={() => removeFromCart(item.id)}
-                    className="text-red-500"
-                  >
-                    Remove
-                  </button>
-                </div>
-              </div>
-            ))}
-          </div>
-          
-          <div className="lg:col-span-1">
-            <div className="bg-gray-50 p-6">
-              <h2 className="text-xl font-bold mb-4">Order Summary</h2>
-              <div className="flex justify-between py-2 border-b">
-                <span>Subtotal</span>
-                <span>${total.toFixed(2)}</span>
-              </div>
-              <div className="flex justify-between py-2 border-b">
-                <span>Shipping</span>
-                <span>Free</span>
-              </div>
-              <div className="flex justify-between py-4 font-bold">
-                <span>Total</span>
-                <span>${total.toFixed(2)}</span>
-              </div>
-              <button className="w-full bg-black text-white py-3 mt-4">
-                Proceed to Checkout
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-export default CartPage;
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/Contact.jsx b/Frontend/src/components/Pages/Contact.jsx
index 280a1e6..a2e29eb 100644
--- a/Frontend/src/components/Pages/Contact.jsx
+++ b/Frontend/src/components/Pages/Contact.jsx
@@ -1,8 +1,82 @@
+
 import React from 'react'
 
-function Contact() {
+const Contact = () => {
   return (
-    <div>Contact</div>
+    <section className="bg-white py-6 mt-4 margin">
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+        <div>
+          <h3 className="text-2xl font-semibold  mb-4">Get in Touch</h3>
+          <p className="text-gray-600 text-lg leading-relaxed">
+            We'd love to hear from you! Whether you have a question about our products, need assistance, or just want
+            to share your thoughts, feel free to reach out to us.
+          </p>
+          <p className="text-gray-600 text-lg leading-relaxed mt-4">
+            Our team is here to help and ensure you have the best experience possible with our brand.
+          </p>
+        </div>
+        <div>
+          <h3 className="text-2xl font-semibold mb-4">Contact Information</h3>
+          <p className="text-gray-600 text-lg leading-relaxed">
+            <strong>Phone:</strong> +977 9123456789
+          </p>
+          <p className="text-gray-600 text-lg leading-relaxed mt-2">
+            <strong>Address:</strong> Baneshwor-5, Kathmandu
+          </p>
+          <p className="text-gray-600 text-lg leading-relaxed mt-2">
+            <strong>Email:</strong> glaze.np@gmail.com
+          </p>
+        </div>
+      </div>
+      <div className="mt-12">
+        <h3 className="text-2xl font-semibold mb-4 text-center">Send Us a Message</h3>
+        <form className="max-w-2xl mx-auto">
+          <div className="mb-4">
+            <label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="name">
+              Name
+            </label>
+            <input
+              className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+              id="name"
+              type="text"
+              placeholder="Your Name"
+            />
+          </div>
+          <div className="mb-4">
+            <label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="email">
+              Email
+            </label>
+            <input
+              className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+              id="email"
+              type="email"
+              placeholder="Your Email"
+            />
+          </div>
+          <div className="mb-4">
+            <label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="message">
+              Message
+            </label>
+            <textarea
+              className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+              id="message"
+              rows="5"
+              placeholder="Your Message"
+            ></textarea>
+          </div>
+          <div className="text-center">
+            <button
+              className="bg-gray-900 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+              type="submit"
+            >
+              Submit
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </section>
   )
 }
 
diff --git a/Frontend/src/components/Pages/Header.jsx b/Frontend/src/components/Pages/Header.jsx
deleted file mode 100644
index 124c3fb..0000000
--- a/Frontend/src/components/Pages/Header.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from "react";
-// import { Link, NavLink } from "react-router-dom";
-import { useState, useEffect } from "react";
-import glazep from "./images/glazep.png";
-import search from "./images/search.png";
-import cart from "./images/cart.png";
-import pp from "./images/pp.png";
-
-function Header() {
-	const [isHeaderVisible, setIsHeaderVisible] = useState(true);
-
-	
-
-	return (
-		//  <header
-		//       className={`bg-[#dbf5f8]  sticky top-0 z-50 transition-transform duration-300 ${
-		//         isHeaderVisible ? 'translate-y-0' : '-translate-y-full'
-		//       }`}>
-		// 			<nav className="flex justify-between align-center  pt-5 flex-wrap ">
-
-		// 				<Link to="/" className="pl-8 ">
-		// 					<img src={glazep} alt=""  className="w-[100px] " />
-		// 				</Link>
-
-		// 				<div className="flex flex-grow justify-center gap-8 font-medium font-[Lato] text-[18px]">
-
-		// <div>Home</div>
-		// 						<div>Shop</div>
-		// 						<div>About</div>
-		// 						<div>Contact</div>
-		// 									</div>
-
-		// 				<div className="flex h-12 gap-3 pr-8">
-		// 					<Link><div>
-		// 						<img src={search} alt="search" className="mr-2 h-6" />
-		// 					</div></Link>
-
-		// 					<Link>
-		// 					<div>
-		// 						<img src={cart} alt="cart" className="mr-2 h-6" />
-		// 					</div></Link>
-
-		// 					<NavLink to ="/Login">
-		// 					<div>
-		// 						<img src={pp} alt="profile" className="mr-2 h-6" />
-		// 					</div>
-		// 					</NavLink>
-
-		// 				</div>
-		// 			</nav>
-		// 		</header>
-
-		<header className="w-full m-auto px-[15px] ">
-			<div>
-				<div className="row">
-					<div className="col-sm-2">
-						<img src={glazep} alt="" className="w-[100px] " />
-					</div>
-				</div>
-			</div>
-		</header>
-	);
-}
-
-export default Header;
diff --git a/Frontend/src/components/Pages/Home.jsx b/Frontend/src/components/Pages/Home.jsx
index de0d71c..bff56de 100644
--- a/Frontend/src/components/Pages/Home.jsx
+++ b/Frontend/src/components/Pages/Home.jsx
@@ -1,14 +1,14 @@
-import React from 'react'
-import Hero from './Hero'
-import LatestCollection from './LatestCollection'
+import React from "react";
+import Hero from "./Hero";
+import LatestCollection from "../Home/LatestCollection";
 
 function Home() {
-  return (
-    <>
-    <Hero/>
-    <LatestCollection/>
-    </>
-  )
+	return (
+		<>
+			<Hero />
+			<LatestCollection />
+		</>
+	);
 }
 
-export default Home
\ No newline at end of file
+export default Home;
diff --git a/Frontend/src/components/Pages/LatestCollection.jsx b/Frontend/src/components/Pages/LatestCollection.jsx
deleted file mode 100644
index e2a8078..0000000
--- a/Frontend/src/components/Pages/LatestCollection.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-
-import React, { useContext, useEffect, useState } from 'react'
-import { ShopContext } from '../Context/ShopContext'
-import Title from './Title'
-import ProductItem from './ProductItem'
-
-function LatestCollection() {
-  const { products } = useContext(ShopContext)
-  
-  // Note: changed from Products to products to match the context value
-
-const [latestProducts, setLatestProducts] = useState([])
-useEffect(()=>{
-    setLatestProducts(products.slice(0,10));
-},[products])
-
-  return (
-    <div className="my-10">
-
-        <div className='text-center py-8 text-3xl'>
-            <Title text1={'LATEST'} text2={'COLLECTION'}/>
-            {/* <p className="w-2/4 m-auto text-xs sm:text-sm md:text-base text-gray-600">
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, ipsa.</p> */}
-        </div>
-
-        {/* rendering products */}
-
-        <div className="grid grid-cols-4 sm:grid-col-3 md:grid-cols-4 lg:grid-cols-5 gap-4 gap-y-15 px-8 font-bold">
-
-            {
-
-                
-latestProducts.map((product, index) => (
-    <ProductItem 
-        key={index} 
-        id={product.id}  
-        img={product.img} 
-        name={product.name} 
-        price={product.price}
-        category ={product.category}
-    />
-))
-                
-            }
-        </div>
-      
-    </div>
-  )
-}
-
-export default LatestCollection
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/Navbar.jsx b/Frontend/src/components/Pages/Navbar.jsx
index fa6a013..37ba2d4 100644
--- a/Frontend/src/components/Pages/Navbar.jsx
+++ b/Frontend/src/components/Pages/Navbar.jsx
@@ -6,8 +6,6 @@ import menu from "/public/images/menu.png";
 import searchh from "/public/images/searchh.png";
 import { Link, NavLink } from "react-router-dom";
 import { ShopContext } from "../Context/ShopContext";
-// import Login from "./Login"
-import Login from "./Login";
 function Navbar() {
 	const [isMenuOpen, setIsMenuOpen] = useState(false);
 	const [isHeaderVisible, setIsHeaderVisible] = useState(true);
@@ -19,10 +17,8 @@ function Navbar() {
 
 	
 	return (
-		<header
-		      className={`bg-[#dbf5f8]  sticky top-0 z-50 transition-transform duration-300 ${
-		        isHeaderVisible ? 'translate-y-0' : '-translate-y-full'
-		      }`}>
+		
+		     
 		<div className="flex justify-between items-center px-12 -mt-4 pt-10 pb-5 relative bg-[#e5f1f4]">
 		<Link to="/">
 			<img src={glazep} alt="logo" className="w-28 -mt-4" />
@@ -139,7 +135,6 @@ function Navbar() {
 				</div>
 			)}
 		</div>
-		</header>
 	);
 
 }
diff --git a/Frontend/src/components/Pages/PlaceOrder.jsx b/Frontend/src/components/Pages/PlaceOrder.jsx
deleted file mode 100644
index 57ec56e..0000000
--- a/Frontend/src/components/Pages/PlaceOrder.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-function PlaceOrder() {
-  return (
-    <div>PlaceOrder</div>
-  )
-}
-
-export default PlaceOrder
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/Signup.jsx b/Frontend/src/components/Pages/Signup.jsx
deleted file mode 100644
index b4082d9..0000000
--- a/Frontend/src/components/Pages/Signup.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-function Signup() {
-  return (
-    <div>Signup</div>
-  )
-}
-
-export default Signup
\ No newline at end of file
diff --git a/Frontend/src/components/Payment/Failure.jsx b/Frontend/src/components/Payment/Failure.jsx
new file mode 100644
index 0000000..b7d5742
--- /dev/null
+++ b/Frontend/src/components/Payment/Failure.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+function  Failure() {
+  return (
+    <div>Transaction Failure</div>
+  )
+}
+
+export default  Failure
\ No newline at end of file
diff --git a/Frontend/src/components/Payment/PaymentGateway.jsx b/Frontend/src/components/Payment/PaymentGateway.jsx
new file mode 100644
index 0000000..ddf6368
--- /dev/null
+++ b/Frontend/src/components/Payment/PaymentGateway.jsx
@@ -0,0 +1,121 @@
+import React, { useState, useEffect } from "react";
+import { v4 as uuidv4 } from "uuid";
+import CryptoJS from "crypto-js";
+import { useLocation } from "react-router-dom";
+
+const PaymentGateway = () => {
+  const location = useLocation();
+  
+  // Safely extract the total amount from location state with a fallback
+  const initialTotal = location.state?.total || "10"; // Default to "10" if no total provided
+
+  const [formData, setFormData] = useState({
+    amount: initialTotal,
+    tax_amount: "0",
+    total_amount: initialTotal,
+    transaction_uuid: uuidv4(),
+    product_service_charge: "0",
+    product_delivery_charge: "0",
+    product_code: "EPAYTEST",
+    success_url: "http://localhost:5173/success",
+    failure_url: "http://localhost:5173/failure",
+    signed_field_names: "total_amount,transaction_uuid,product_code",
+    signature: "",
+  });
+
+  // Generate signature function
+  const generateSignature = (data) => {
+    const secret = "8gBm/:&EnhH.1/q"; // Consider moving this to environment variables
+    const hashString = `total_amount=${data.total_amount},transaction_uuid=${data.transaction_uuid},product_code=${data.product_code}`;
+    const hash = CryptoJS.HmacSHA256(hashString, secret);
+    return CryptoJS.enc.Base64.stringify(hash);
+  };
+
+  // Update signature whenever relevant fields change
+  useEffect(() => {
+    const signature = generateSignature(formData);
+    setFormData(prev => ({ ...prev, signature }));
+  }, [formData.total_amount, formData.transaction_uuid, formData.product_code]);
+
+  const handleAmountChange = (e) => {
+    const value = e.target.value;
+    setFormData(prev => ({
+      ...prev,
+      amount: value,
+      total_amount: value
+    }));
+  };
+
+  return (
+    <div className="max-w-md mx-auto p-6">
+      <form
+        action="https://rc-epay.esewa.com.np/api/epay/main/v2/form"
+        method="POST"
+        className="space-y-4"
+      >
+        <h1 className="text-2xl font-bold mb-6">Checkout</h1>
+        
+        <div className="grid grid-cols-2 gap-4">
+          <div className="space-y-2">
+            <label className="block text-sm font-medium">First name</label>
+            <input 
+              type="text" 
+              className="w-full p-2 border rounded" 
+              required 
+            />
+          </div>
+          
+          <div className="space-y-2">
+            <label className="block text-sm font-medium">Last name</label>
+            <input 
+              type="text" 
+              className="w-full p-2 border rounded" 
+              required 
+            />
+          </div>
+        </div>
+
+        <div className="space-y-2">
+          <label htmlFor="amount" className="block text-sm font-medium">Amount</label>
+          <input
+            type="text"
+            id="amount"
+            name="amount"
+            className="w-full p-2 border rounded"
+            autoComplete="off"
+            value={formData.amount}
+            onChange={handleAmountChange}
+            required
+          />
+        </div>
+
+        {/* Hidden fields */}
+        <input type="hidden" name="tax_amount" value={formData.tax_amount} />
+        <input type="hidden" name="total_amount" value={formData.total_amount} />
+        <input type="hidden" name="transaction_uuid" value={formData.transaction_uuid} />
+        <input type="hidden" name="product_code" value={formData.product_code} />
+        <input type="hidden" name="product_service_charge" value={formData.product_service_charge} />
+        <input type="hidden" name="product_delivery_charge" value={formData.product_delivery_charge} />
+        <input type="hidden" name="success_url" value={formData.success_url} />
+        <input type="hidden" name="failure_url" value={formData.failure_url} />
+        <input type="hidden" name="signed_field_names" value={formData.signed_field_names} />
+        <input type="hidden" name="signature" value={formData.signature} />
+
+        <button 
+          type="submit" 
+          className="w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition-colors"
+        >
+          Pay via E-Sewa
+        </button>
+      </form>
+    </div>
+  );
+};
+
+export default PaymentGateway;
+
+
+
+
+
+
diff --git a/Frontend/src/components/Payment/Success.jsx b/Frontend/src/components/Payment/Success.jsx
new file mode 100644
index 0000000..dff8c65
--- /dev/null
+++ b/Frontend/src/components/Payment/Success.jsx
@@ -0,0 +1,36 @@
+//  import React from 'react'
+ 
+//  function Success() {
+//    return (
+//      <div>Sucess</div>
+//    )
+//  }
+ 
+//  export default 
+import React, { useEffect, useState } from "react";
+import { useSearchParams } from "react-router";
+const Success = () => {
+  const [search] = useSearchParams();
+const info =search.get("data")
+  console.log(info)
+  const dataQuery = search.get("data");
+  // const [data, setData] = useState({});
+
+  // useEffect(() => {
+  //   const resData = atob(dataQuery);
+  //   const resObject = JSON.parse(resData);
+  //   console.log(resObject);
+
+  //   setData(resObject);
+  // }, [search]);
+
+  return (
+    <div className="payment-container">
+      {/* <img src="src/check.png" alt="" />
+      <p className="price">Rs. {data.total_amount}</p> */}
+      <p className="status">Payment Successful</p>
+    </div>
+  );
+};
+
+export default Success;
\ No newline at end of file
diff --git a/Frontend/src/components/ProductCard.jsx b/Frontend/src/components/ProductCard.jsx
deleted file mode 100644
index 018c16d..0000000
--- a/Frontend/src/components/ProductCard.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-// // components/ProductCard.js
-// import { useCart } from '../contexts/CartContext';
-
-// const ProductCard = ({ product }) => {
-//   const { addToCart, loading } = useCart();
-//   const [quantity, setQuantity] = useState(1);
-
-//   const handleAddToCart = () => {
-//     addToCart(product.id, quantity);
-//   };
-
-//   return (
-//     <div className="product-card">
-//       <img src={product.image} alt={product.name} />
-//       <h3>{product.name}</h3>
-//       <p>${product.price}</p>
-      
-//       <div className="quantity-selector">
-//         <button onClick={() => setQuantity(q => Math.max(1, q - 1))}>-</button>
-//         <span>{quantity}</span>
-//         <button onClick={() => setQuantity(q => q + 1)}>+</button>
-//       </div>
-      
-//       <button 
-//         onClick={handleAddToCart}
-//         disabled={loading}
-//       >
-//         {loading ? 'Adding...' : 'Add to Cart'}
-//       </button>
-//     </div>
-//   );
-// };
\ No newline at end of file

From 3cc1f3881ae43c50593c0eb1afb3fbe77bf76429 Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Mon, 21 Apr 2025 23:59:00 +0545
Subject: [PATCH 07/11] esewa integrated

---
 Frontend/src/components/Cart/Cart.jsx         |   8 +-
 Frontend/src/components/Pages/Products.jsx    |   1 +
 .../src/components/Payment/PaymentGateway.jsx | 313 +++++++++++++++---
 Frontend/src/components/Payment/Success.jsx   |  69 +++-
 4 files changed, 322 insertions(+), 69 deletions(-)

diff --git a/Frontend/src/components/Cart/Cart.jsx b/Frontend/src/components/Cart/Cart.jsx
index e19f7fc..029ab8b 100644
--- a/Frontend/src/components/Cart/Cart.jsx
+++ b/Frontend/src/components/Cart/Cart.jsx
@@ -13,7 +13,7 @@ function Cart() {
 		cartItems,
 		getTotalCartAmount,
 		addToCart,
-		removeFromCart,
+		removeFromCart,delivery_fee
 	} = useContext(ShopContext);
 	const [cartData, setCartData] = useState([]);
 	const shippingFee = 10;
@@ -106,17 +106,17 @@ function Cart() {
 							</div>
 							<div className="flex justify-between">
 								<span>Shipping Fee</span>
-								<span>{currency} {shippingFee.toFixed(2)}</span>
+								<span>{currency} {delivery_fee.toFixed(2)}</span>
 							</div>
 							<div className="flex justify-between font-bold text-lg pt-3 border-t border-gray-200">
 								<span>Total</span>
-								<span>{currency} {(getTotalCartAmount() + shippingFee).toFixed(2)}</span>
+								<span>{currency} {(getTotalCartAmount() + delivery_fee).toFixed(2)}</span>
 							</div>
 						</div>
 
 						<Link to="/paymentGateway" state={{
 							cartItems: cartData,
-							total: (getTotalCartAmount() + shippingFee).toFixed(2),
+							total: (getTotalCartAmount() + delivery_fee).toFixed(2),
 							currency
 						}}>
 							<button onClick={()=>navigate("/paymentGateway",{state:{getTotalCartAmount:getTotalCartAmount}})} 
diff --git a/Frontend/src/components/Pages/Products.jsx b/Frontend/src/components/Pages/Products.jsx
index 0b9dff7..d0a6a47 100644
--- a/Frontend/src/components/Pages/Products.jsx
+++ b/Frontend/src/components/Pages/Products.jsx
@@ -17,6 +17,7 @@ function Products() {
             addToCart(productData.id, selectedQuantity);
             // setSelectedQuantity(1); // Reset quantity after adding
         }
+
     };
 
     useEffect(() => {
diff --git a/Frontend/src/components/Payment/PaymentGateway.jsx b/Frontend/src/components/Payment/PaymentGateway.jsx
index ddf6368..33db0ed 100644
--- a/Frontend/src/components/Payment/PaymentGateway.jsx
+++ b/Frontend/src/components/Payment/PaymentGateway.jsx
@@ -1,3 +1,122 @@
+// import React, { useState, useEffect } from "react";
+// import { v4 as uuidv4 } from "uuid";
+// import CryptoJS from "crypto-js";
+// import { useLocation } from "react-router-dom";
+
+// const PaymentGateway = () => {
+//   const location = useLocation();
+  
+//   // Safely extract the total amount from location state with a fallback
+//   const initialTotal = location.state?.total || "10"; // Default to "10" if no total provided
+
+//   const [formData, setFormData] = useState({
+//     amount: initialTotal,
+//     tax_amount: "0",
+//     total_amount: initialTotal,
+//     transaction_uuid: uuidv4(),
+//     product_service_charge: "0",
+//     product_delivery_charge: "0",
+//     product_code: "EPAYTEST",
+//     success_url: "http://localhost:5173/success",
+//     failure_url: "http://localhost:5173/failure",
+//     signed_field_names: "total_amount,transaction_uuid,product_code",
+//     signature: "",
+//   });
+
+//   // Generate signature function
+//   const generateSignature = (data) => {
+//     const secret = "8gBm/:&EnhH.1/q"; // Consider moving this to environment variables
+//     const hashString = `total_amount=${data.total_amount},transaction_uuid=${data.transaction_uuid},product_code=${data.product_code}`;
+//     const hash = CryptoJS.HmacSHA256(hashString, secret);
+//     return CryptoJS.enc.Base64.stringify(hash);
+//   };
+
+//   // Update signature whenever relevant fields change
+//   useEffect(() => {
+//     const signature = generateSignature(formData);
+//     setFormData(prev => ({ ...prev, signature }));
+//   }, [formData.total_amount, formData.transaction_uuid, formData.product_code]);
+
+//   const handleAmountChange = (e) => {
+//     const value = e.target.value;
+//     setFormData(prev => ({
+//       ...prev,
+//       amount: value,
+//       total_amount: value
+//     }));
+//   };
+
+//   return (
+//     <div className="max-w-md mx-auto p-6">
+//       <form
+//         action="https://rc-epay.esewa.com.np/api/epay/main/v2/form"
+//         method="POST"
+//         className="space-y-4"
+//       >
+//         <h1 className="text-2xl font-bold mb-6">Checkout</h1>
+        
+//         <div className="grid grid-cols-2 gap-4">
+//           <div className="space-y-2">
+//             <label className="block text-sm font-medium">First name</label>
+//             <input 
+//               type="text" 
+//               className="w-full p-2 border rounded" 
+//               required 
+//             />
+//           </div>
+          
+//           <div className="space-y-2">
+//             <label className="block text-sm font-medium">Last name</label>
+//             <input 
+//               type="text" 
+//               className="w-full p-2 border rounded" 
+//               required 
+//             />
+//           </div>
+//         </div>
+
+//         <div className="space-y-2">
+//           <label htmlFor="amount" className="block text-sm font-medium">Amount</label>
+//           <input
+//             type="text"
+//             id="amount"
+//             name="amount"
+//             className="w-full p-2 border rounded"
+//             autoComplete="off"
+//             value={formData.amount}
+//             onChange={handleAmountChange}
+//             required
+//           />
+//         </div>
+
+//         {/* Hidden fields */}
+//         <input type="hidden" name="tax_amount" value={formData.tax_amount} />
+//         <input type="hidden" name="total_amount" value={formData.total_amount} />
+//         <input type="hidden" name="transaction_uuid" value={formData.transaction_uuid} />
+//         <input type="hidden" name="product_code" value={formData.product_code} />
+//         <input type="hidden" name="product_service_charge" value={formData.product_service_charge} />
+//         <input type="hidden" name="product_delivery_charge" value={formData.product_delivery_charge} />
+//         <input type="hidden" name="success_url" value={formData.success_url} />
+//         <input type="hidden" name="failure_url" value={formData.failure_url} />
+//         <input type="hidden" name="signed_field_names" value={formData.signed_field_names} />
+//         <input type="hidden" name="signature" value={formData.signature} />
+
+//         <button 
+//           type="submit" 
+//           className="w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition-colors"
+//         >
+//           Pay via E-Sewa
+//         </button>
+//       </form>
+//     </div>
+//   );
+// };
+
+// export default PaymentGateway;
+
+
+
+
 import React, { useState, useEffect } from "react";
 import { v4 as uuidv4 } from "uuid";
 import CryptoJS from "crypto-js";
@@ -5,9 +124,7 @@ import { useLocation } from "react-router-dom";
 
 const PaymentGateway = () => {
   const location = useLocation();
-  
-  // Safely extract the total amount from location state with a fallback
-  const initialTotal = location.state?.total || "10"; // Default to "10" if no total provided
+  const initialTotal = location.state?.total || "10";
 
   const [formData, setFormData] = useState({
     amount: initialTotal,
@@ -23,99 +140,193 @@ const PaymentGateway = () => {
     signature: "",
   });
 
-  // Generate signature function
+  const [userDetails, setUserDetails] = useState({
+    firstName: "",
+    lastName: "",
+    email: "",
+    mobile: "",
+    address: "",
+    paymentMethod: "esewa",
+  });
+
   const generateSignature = (data) => {
-    const secret = "8gBm/:&EnhH.1/q"; // Consider moving this to environment variables
+    const secret = "8gBm/:&EnhH.1/q";
     const hashString = `total_amount=${data.total_amount},transaction_uuid=${data.transaction_uuid},product_code=${data.product_code}`;
     const hash = CryptoJS.HmacSHA256(hashString, secret);
     return CryptoJS.enc.Base64.stringify(hash);
   };
 
-  // Update signature whenever relevant fields change
   useEffect(() => {
     const signature = generateSignature(formData);
-    setFormData(prev => ({ ...prev, signature }));
+    setFormData((prev) => ({ ...prev, signature }));
   }, [formData.total_amount, formData.transaction_uuid, formData.product_code]);
 
   const handleAmountChange = (e) => {
     const value = e.target.value;
-    setFormData(prev => ({
+    setFormData((prev) => ({
       ...prev,
       amount: value,
-      total_amount: value
+      total_amount: value,
     }));
   };
 
   return (
-    <div className="max-w-md mx-auto p-6">
+    <div className="flex flex-col md:flex-row max-w-5xl mx-auto p-6 gap-8 ">
+      {/* Checkout Form */}
       <form
-        action="https://rc-epay.esewa.com.np/api/epay/main/v2/form"
+        action={userDetails.paymentMethod === "esewa"
+          ? "https://rc-epay.esewa.com.np/api/epay/main/v2/form"
+          : "#"}
         method="POST"
-        className="space-y-4"
+        className="flex-1 space-y-4 border border-gray-300 p-6 rounded shadow"
       >
-        <h1 className="text-2xl font-bold mb-6">Checkout</h1>
-        
+        <h1 className="text-2xl font-bold mb-8 text-gray-700 text-center">Checkout</h1>
+
         <div className="grid grid-cols-2 gap-4">
-          <div className="space-y-2">
-            <label className="block text-sm font-medium">First name</label>
-            <input 
-              type="text" 
-              className="w-full p-2 border rounded" 
-              required 
+          <div>
+            <label className="block text-sm font-medium text-gray-700">First Name</label>
+            <input
+              type="text"
+              className="w-full p-2 border border-gray-400 rounded "
+              value={userDetails.firstName}
+              onChange={(e) =>
+                setUserDetails({ ...userDetails, firstName: e.target.value })
+              }
+              required
             />
           </div>
-          
-          <div className="space-y-2">
-            <label className="block text-sm font-medium">Last name</label>
-            <input 
-              type="text" 
-              className="w-full p-2 border rounded" 
-              required 
+          <div>
+            <label className="block text-sm font-medium text-gray-700">Last Name</label>
+            <input
+              type="text"
+              className="w-full p-2 border rounded border-gray-300"
+              value={userDetails.lastName}
+              onChange={(e) =>
+                setUserDetails({ ...userDetails, lastName: e.target.value })
+              }
+              required
             />
           </div>
         </div>
 
+        <div>
+          <label className="block text-sm font-medium">Email</label>
+          <input
+            type="email"
+            className="w-full p-2 border rounded"
+            value={userDetails.email}
+            onChange={(e) =>
+              setUserDetails({ ...userDetails, email: e.target.value })
+            }
+            required
+          />
+        </div>
+
+        <div>
+          <label className="block text-sm font-medium">Mobile No</label>
+          <input
+            type="text"
+            className="w-full p-2 border rounded"
+            value={userDetails.mobile}
+            onChange={(e) =>
+              setUserDetails({ ...userDetails, mobile: e.target.value })
+            }
+            required
+          />
+        </div>
+
+        <div>
+          <label className="block text-sm font-medium">Address</label>
+          <input
+            type="text"
+            className="w-full p-2 border rounded"
+            value={userDetails.address}
+            onChange={(e) =>
+              setUserDetails({ ...userDetails, address: e.target.value })
+            }
+            required
+          />
+        </div>
+
+        <div>
+          <label className="block text-sm font-medium">Payment Method</label>
+          <select
+            className="w-full p-2 border rounded"
+            value={userDetails.paymentMethod}
+            onChange={(e) =>
+              setUserDetails({ ...userDetails, paymentMethod: e.target.value })
+            }
+          >
+            <option value="esewa">eSewa</option>
+            <option value="cod">Cash on Delivery</option>
+          </select>
+        </div>
+
         <div className="space-y-2">
-          <label htmlFor="amount" className="block text-sm font-medium">Amount</label>
+          <label htmlFor="amount" className="block text-sm font-medium">
+            Amount
+          </label>
           <input
             type="text"
             id="amount"
             name="amount"
             className="w-full p-2 border rounded"
-            autoComplete="off"
             value={formData.amount}
             onChange={handleAmountChange}
             required
           />
         </div>
 
-        {/* Hidden fields */}
-        <input type="hidden" name="tax_amount" value={formData.tax_amount} />
-        <input type="hidden" name="total_amount" value={formData.total_amount} />
-        <input type="hidden" name="transaction_uuid" value={formData.transaction_uuid} />
-        <input type="hidden" name="product_code" value={formData.product_code} />
-        <input type="hidden" name="product_service_charge" value={formData.product_service_charge} />
-        <input type="hidden" name="product_delivery_charge" value={formData.product_delivery_charge} />
-        <input type="hidden" name="success_url" value={formData.success_url} />
-        <input type="hidden" name="failure_url" value={formData.failure_url} />
-        <input type="hidden" name="signed_field_names" value={formData.signed_field_names} />
-        <input type="hidden" name="signature" value={formData.signature} />
-
-        <button 
-          type="submit" 
-          className="w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition-colors"
+        {/* Hidden Fields for eSewa */}
+        {userDetails.paymentMethod === "esewa" && (
+          <>
+            <input type="hidden" name="tax_amount" value={formData.tax_amount} />
+            <input type="hidden" name="total_amount" value={formData.total_amount} />
+            <input type="hidden" name="transaction_uuid" value={formData.transaction_uuid} />
+            <input type="hidden" name="product_code" value={formData.product_code} />
+            <input type="hidden" name="product_service_charge" value={formData.product_service_charge} />
+            <input type="hidden" name="product_delivery_charge" value={formData.product_delivery_charge} />
+            <input type="hidden" name="success_url" value={formData.success_url} />
+            <input type="hidden" name="failure_url" value={formData.failure_url} />
+            <input type="hidden" name="signed_field_names" value={formData.signed_field_names} />
+            <input type="hidden" name="signature" value={formData.signature} />
+          </>
+        )}
+
+        <button
+          type="submit"
+          className="w-full bg-green-600 text-white py-3 rounded hover:bg-green-700 transition"
         >
-          Pay via E-Sewa
+          {userDetails.paymentMethod === "esewa"
+            ? "Pay via eSewa"
+            : "Place Order (COD)"}
         </button>
       </form>
+
+      
+<div className="mt-10" >
+  <h2 className="text-xl font-bold mb-4">Your Products</h2>
+  <div className="space-y-4 flex flex-col gap-6  justify-between align-center">
+    {location.state?.cartItems?.map((item, idx) => (
+      <div key={idx} className="border p-4 rounded shadow-sm flex gap-4 items-center">
+        <img
+          src={item.product.img}
+          alt={item.product.name}
+          className="w-20 h-20 object-contain bg-gray-100"
+        />
+        <div>
+          <h3 className="font-semibold text-lg">{item.product.name}</h3>
+          <p className="text-sm text-gray-500">Category: {item.product.category || 'N/A'}</p>
+          <p>Qty: {item.quantity}</p>
+          <p className="text-sm font-medium">{location.state.currency} {item.product.price}</p>
+        </div>
+      </div>
+    ))}
+  </div>
+</div>
+
     </div>
   );
 };
 
 export default PaymentGateway;
-
-
-
-
-
-
diff --git a/Frontend/src/components/Payment/Success.jsx b/Frontend/src/components/Payment/Success.jsx
index dff8c65..b8b80d8 100644
--- a/Frontend/src/components/Payment/Success.jsx
+++ b/Frontend/src/components/Payment/Success.jsx
@@ -7,27 +7,68 @@
 //  }
  
 //  export default 
+// import React, { useEffect, useState } from "react";
+// import { useSearchParams } from "react-router";
+// const Success = () => {
+//   const [search] = useSearchParams();
+//   const dataQuery = search.get("data");
+//   const [data, setData] = useState({});
+
+//   useEffect(() => {
+//     const resData = atob(dataQuery);
+//     const resObject = JSON.parse(resData);
+//     console.log(resObject);
+
+//     setData(resObject);
+//   }, [search]);
+
+//   return (
+//     <div className="payment-container">
+//       <img src="src/check.png" alt="" />
+//       <p className="price">Rs. {data.total_amount}</p>
+//       <p className="status">Payment Successful</p>
+//     </div>
+//   );
+// };
+
+// export default Success;
 import React, { useEffect, useState } from "react";
-import { useSearchParams } from "react-router";
+import { useSearchParams } from "react-router-dom"; // Correct import
+
 const Success = () => {
-  const [search] = useSearchParams();
-const info =search.get("data")
-  console.log(info)
-  const dataQuery = search.get("data");
-  // const [data, setData] = useState({});
+  const [searchParams] = useSearchParams();
+  const dataQuery = searchParams.get("data");
+  const [data, setData] = useState({});
+  const [error, setError] = useState(null);
 
-  // useEffect(() => {
-  //   const resData = atob(dataQuery);
-  //   const resObject = JSON.parse(resData);
-  //   console.log(resObject);
+  useEffect(() => {
+    try {
+      if (dataQuery) {
+        const resData = atob(dataQuery);
+        const resObject = JSON.parse(resData);
+        console.log(resObject);
+        setData(resObject);
+      } else {
+        setError("No data parameter found in URL");
+      }
+    } catch (err) {
+      console.error("Error parsing data:", err);
+      setError("Failed to parse payment data");
+    }
+  }, [dataQuery]);
 
-  //   setData(resObject);
-  // }, [search]);
+  if (error) {
+    return (
+      <div className="payment-container error">
+        <p className="status">{error}</p>
+      </div>
+    );
+  }
 
   return (
     <div className="payment-container">
-      {/* <img src="src/check.png" alt="" />
-      <p className="price">Rs. {data.total_amount}</p> */}
+      <img src="src/check.png" alt="" />
+      <p className="price">Rs. {data.total_amount || "0"}</p>
       <p className="status">Payment Successful</p>
     </div>
   );

From 83cf3a328673e8832f28cbba9600280ee9c106cf Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Wed, 23 Apr 2025 14:10:18 +0545
Subject: [PATCH 08/11] success

---
 Frontend/src/components/Cart/Cart.jsx         |  46 +-
 Frontend/src/components/Pages/Login.jsx       | 538 ++++++++++++------
 Frontend/src/components/Pages/Products.jsx    |  36 ++
 Frontend/src/components/Payment/Success.jsx   |  45 +-
 Frontend/src/components/Payment/check.png     | Bin 0 -> 18596 bytes
 .../src/components/Payment/successful.png     | Bin 0 -> 46163 bytes
 backend/backend/settings.py                   |   6 +-
 7 files changed, 466 insertions(+), 205 deletions(-)
 create mode 100644 Frontend/src/components/Payment/check.png
 create mode 100644 Frontend/src/components/Payment/successful.png

diff --git a/Frontend/src/components/Cart/Cart.jsx b/Frontend/src/components/Cart/Cart.jsx
index 029ab8b..486d4b5 100644
--- a/Frontend/src/components/Cart/Cart.jsx
+++ b/Frontend/src/components/Cart/Cart.jsx
@@ -44,6 +44,33 @@ function Cart() {
 		return `http://localhost:8000${imagePath}`;
 	};
 
+	// Add this useEffect to sync with backend when cart changes
+useEffect(() => {
+	const syncCartWithBackend = async () => {
+	  const token = localStorage.getItem('token');
+	  if (!token || cartData.length === 0) return;
+	  
+	  try {
+		await fetch('http://localhost:8000/api/cart/sync/', {
+		  method: 'POST',
+		  headers: {
+			'Content-Type': 'application/json',
+			'Authorization': `Bearer ${token}`
+		  },
+		  body: JSON.stringify({
+			items: cartData.map(item => ({
+			  product_id: item.id,
+			  quantity: item.quantity
+			}))
+		  })
+		});
+	  } catch (error) {
+		console.error('Cart sync failed:', error);
+	  }
+	};
+  
+	syncCartWithBackend();
+  }, [cartData]);
 	return (
 		<div className="border-t pt-14 max-w-6xl mx-auto px-4">
 			<div className="text-2xl mb-8">
@@ -114,7 +141,7 @@ function Cart() {
 							</div>
 						</div>
 
-						<Link to="/paymentGateway" state={{
+						{/* <Link to="/paymentGateway" state={{
 							cartItems: cartData,
 							total: (getTotalCartAmount() + delivery_fee).toFixed(2),
 							currency
@@ -123,7 +150,22 @@ function Cart() {
 							className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors">
 								PROCEED TO CHECKOUT
 							</button>
-						</Link>
+						</Link> */}
+
+{/* // Simplify your checkout button (remove duplicate state passing) */}
+<button 
+  onClick={() => navigate("/paymentGateway", {
+    state: {
+      cartItems: cartData,
+      total: (getTotalCartAmount() + delivery_fee).toFixed(2),
+      currency,
+      subtotal: getTotalCartAmount()
+    }
+  })}
+  className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors"
+>
+  PROCEED TO CHECKOUT
+</button>
 					</div>
 				)}
 			</div>
diff --git a/Frontend/src/components/Pages/Login.jsx b/Frontend/src/components/Pages/Login.jsx
index 03b54fb..8bf6f3a 100644
--- a/Frontend/src/components/Pages/Login.jsx
+++ b/Frontend/src/components/Pages/Login.jsx
@@ -1,170 +1,380 @@
+// import React, { useState } from 'react';
+// import { useNavigate, Link } from 'react-router-dom';
 
+// function Login() {
+//   const [formData, setFormData] = useState({
+//     username: '',
+//     password: '',
+//   });
+//   const [errors, setErrors] = useState({});
+//   const [isLoading, setIsLoading] = useState(false);
+//   const navigate = useNavigate();
 
-import React, { useState } from 'react';
-import { useNavigate, Link } from 'react-router-dom';
+//   // Helper function to get CSRF token from cookies
+//   const getCookie = (name) => {
+//     let cookieValue = null;
+//     if (document.cookie && document.cookie !== '') {
+//       const cookies = document.cookie.split(';');
+//       for (let i = 0; i < cookies.length; i++) {
+//         const cookie = cookies[i].trim();
+//         if (cookie.substring(0, name.length + 1) === (name + '=')) {
+//           cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+//           break;
+//         }
+//       }
+//     }
+//     return cookieValue;
+//   };
+
+//   const handleChange = (e) => {
+//     const { name, value } = e.target;
+//     setFormData({
+//       ...formData,
+//       [name]: value,
+//     });
+//     // Clear error when typing
+//     if (errors[name]) {
+//       setErrors(prev => ({ ...prev, [name]: '' }));
+//     }
+//   };
+
+//   const handleSubmit = async (e) => {
+//     e.preventDefault();
+//     setIsLoading(true);
+//     setErrors({});
+
+//     try {
+//       // 1. First get CSRF token
+//       await fetch('http://localhost:8000/get-csrf-token/', {
+//         credentials: 'include',
+//       });
+
+//       // 2. Then submit login with CSRF token
+//       const response = await fetch('http://localhost:8000/login/', {
+//         method: 'POST',
+//         headers: {
+//           'Content-Type': 'application/json',
+//           'X-CSRFToken': getCookie('csrftoken'),
+//         },
+//         body: JSON.stringify(formData),
+//         credentials: 'include',
+//       });
+
+//       const data = await response.json();
+
+//       if (!response.ok) {
+//         setErrors(data);
+//         throw new Error(data.detail || 'Login failed');
+//       }
+
+//       // Successful login - redirect to home
+//       navigate('/', {
+//         state: { from: 'login' }
+//       });
+
+//     } catch (error) {
+//       console.error('Login error:', error);
+//       setErrors(prev => ({
+//         ...prev,
+//         nonFieldErrors: [error.message],
+//       }));
+//     } finally {
+//       setIsLoading(false);
+//     }
+//   };
+
+//   return (
+//     <div className="flex justify-center items-center min-h-screen bg-gray-100">
+//       <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
+//         <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
+
+//         {errors.nonFieldErrors && (
+//           <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+//             {errors.nonFieldErrors.map((error, index) => (
+//               <p key={index} className="text-sm">{error}</p>
+//             ))}
+//           </div>
+//         )}
+
+//         <form onSubmit={handleSubmit} className="space-y-4">
+//           <div>
+//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
+//               Username
+//             </label>
+//             <input
+//               className={`shadow appearance-none border ${errors.username ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
+//               id="username"
+//               type="text"
+//               name="username"
+//               placeholder="Username"
+//               value={formData.username}
+//               onChange={handleChange}
+//               required
+//             />
+//             {errors.username && (
+//               <p className="text-red-500 text-xs italic mt-1">{errors.username}</p>
+//             )}
+//           </div>
+
+//           <div>
+//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
+//               Password
+//             </label>
+//             <input
+//               className={`shadow appearance-none border ${errors.password ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
+//               id="password"
+//               type="password"
+//               name="password"
+//               placeholder="••••••••"
+//               value={formData.password}
+//               onChange={handleChange}
+//               required
+//             />
+//             {errors.password && (
+//               <p className="text-red-500 text-xs italic mt-1">{errors.password}</p>
+//             )}
+//           </div>
+
+//           <div className="flex items-center justify-between">
+//             <button
+//               className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
+//               type="submit"
+//               disabled={isLoading}
+//             >
+//               {isLoading ? (
+//                 <>
+//                   <span className="inline-block animate-spin mr-2">↻</span>
+//                   Logging in...
+//                 </>
+//               ) : 'Sign In'}
+//             </button>
+//           </div>
+
+//           <div className="text-center mt-4">
+//             <p className="text-sm">
+//               Don't have an account?{' '}
+//               <Link to="/register" className="text-[#2d98b3] hover:text-gray-700">
+//                 Register
+//               </Link>
+//             </p>
+
+//           </div>
+//         </form>
+//       </div>
+//     </div>
+//   );
+// }
+
+// export default Login;
+
+import React, { useState, useEffect } from "react";
+import { useNavigate, Link } from "react-router-dom";
 
 function Login() {
-  const [formData, setFormData] = useState({
-    username: '',
-    password: '',
-  });
-  const [errors, setErrors] = useState({});
-  const [isLoading, setIsLoading] = useState(false);
-  const navigate = useNavigate();
-
-  // Helper function to get CSRF token from cookies
-  const getCookie = (name) => {
-    let cookieValue = null;
-    if (document.cookie && document.cookie !== '') {
-      const cookies = document.cookie.split(';');
-      for (let i = 0; i < cookies.length; i++) {
-        const cookie = cookies[i].trim();
-        if (cookie.substring(0, name.length + 1) === (name + '=')) {
-          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
-          break;
-        }
-      }
-    }
-    return cookieValue;
-  };
-
-  const handleChange = (e) => {
-    const { name, value } = e.target;
-    setFormData({
-      ...formData,
-      [name]: value,
-    });
-    // Clear error when typing
-    if (errors[name]) {
-      setErrors(prev => ({ ...prev, [name]: '' }));
-    }
-  };
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsLoading(true);
-    setErrors({});
-
-    try {
-      // 1. First get CSRF token
-      await fetch('http://localhost:8000/get-csrf-token/', {
-        credentials: 'include',
-      });
-
-      // 2. Then submit login with CSRF token
-      const response = await fetch('http://localhost:8000/login/', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'X-CSRFToken': getCookie('csrftoken'),
-        },
-        body: JSON.stringify(formData),
-        credentials: 'include',
-      });
-
-      const data = await response.json();
-
-      if (!response.ok) {
-        setErrors(data);
-        throw new Error(data.detail || 'Login failed');
-      }
-
-      // Successful login - redirect to home
-      navigate('/', { 
-        state: { from: 'login' } 
-      });
-
-    } catch (error) {
-      console.error('Login error:', error);
-      setErrors(prev => ({
-        ...prev,
-        nonFieldErrors: [error.message],
-      }));
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div className="flex justify-center items-center min-h-screen bg-gray-100">
-      <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
-        <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
-        
-        {errors.nonFieldErrors && (
-          <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
-            {errors.nonFieldErrors.map((error, index) => (
-              <p key={index} className="text-sm">{error}</p>
-            ))}
-          </div>
-        )}
-        
-        <form onSubmit={handleSubmit} className="space-y-4">
-          <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
-              Username
-            </label>
-            <input
-              className={`shadow appearance-none border ${errors.username ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="username"
-              type="text"
-              name="username"
-              placeholder="Username"
-              value={formData.username}
-              onChange={handleChange}
-              required
-            />
-            {errors.username && (
-              <p className="text-red-500 text-xs italic mt-1">{errors.username}</p>
-            )}
-          </div>
-          
-          <div>
-            <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
-              Password
-            </label>
-            <input
-              className={`shadow appearance-none border ${errors.password ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-              id="password"
-              type="password"
-              name="password"
-              placeholder="••••••••"
-              value={formData.password}
-              onChange={handleChange}
-              required
-            />
-            {errors.password && (
-              <p className="text-red-500 text-xs italic mt-1">{errors.password}</p>
-            )}
-          </div>
-          
-          <div className="flex items-center justify-between">
-            <button
-              className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
-              type="submit"
-              disabled={isLoading}
-            >
-              {isLoading ? (
-                <>
-                  <span className="inline-block animate-spin mr-2">↻</span>
-                  Logging in...
-                </>
-              ) : 'Sign In'}
-            </button>
-          </div>
-          
-          <div className="text-center mt-4">
-            <p className="text-sm">
-              Don't have an account?{' '}
-              <Link to="/register" className="text-[#2d98b3] hover:text-gray-700">
-                Register
-              </Link>
-            </p>
-            
-          </div>
-        </form>
-      </div>
-    </div>
-  );
+	const [formData, setFormData] = useState({
+		username: "",
+		password: "",
+	});
+	const [errors, setErrors] = useState({});
+	const [isLoading, setIsLoading] = useState(false);
+	const [loginSuccess, setLoginSuccess] = useState(false);
+	const navigate = useNavigate();
+
+	// Helper function to get CSRF token from cookies
+	const getCookie = (name) => {
+		let cookieValue = null;
+		if (document.cookie && document.cookie !== "") {
+			const cookies = document.cookie.split(";");
+			for (let i = 0; i < cookies.length; i++) {
+				const cookie = cookies[i].trim();
+				if (cookie.substring(0, name.length + 1) === name + "=") {
+					cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+					break;
+				}
+			}
+		}
+		return cookieValue;
+	};
+
+	const handleChange = (e) => {
+		const { name, value } = e.target;
+		setFormData({
+			...formData,
+			[name]: value,
+		});
+		// Clear error when typing
+		if (errors[name]) {
+			setErrors((prev) => ({ ...prev, [name]: "" }));
+		}
+	};
+
+	// Effect to handle redirect after successful login
+	useEffect(() => {
+		let redirectTimer;
+		if (loginSuccess) {
+			redirectTimer = setTimeout(() => {
+				navigate("/", { state: { from: "login" } });
+			}, 2000); // Wait 2 seconds before redirecting
+		}
+		return () => clearTimeout(redirectTimer);
+	}, [loginSuccess, navigate]);
+
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setIsLoading(true);
+		setErrors({});
+
+		try {
+			// 1. First get CSRF token
+			await fetch("http://localhost:8000/get-csrf-token/", {
+				credentials: "include",
+			});
+
+			// 2. Then submit login with CSRF token
+			const response = await fetch("http://localhost:8000/login/", {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					"X-CSRFToken": getCookie("csrftoken"),
+				},
+				body: JSON.stringify(formData),
+				credentials: "include",
+			});
+
+			const data = await response.json();
+
+			if (!response.ok) {
+				setErrors(data);
+				throw new Error(data.detail || "Login failed");
+			}
+
+			// Show success message
+			setLoginSuccess(true);
+		} catch (error) {
+			console.error("Login error:", error);
+			setErrors((prev) => ({
+				...prev,
+				nonFieldErrors: [error.message],
+			}));
+		} finally {
+			setIsLoading(false);
+		}
+	};
+
+	return (
+		<div className="flex justify-center items-center min-h-screen bg-gray-100">
+			<div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
+				<h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">
+					Login
+				</h2>
+
+				{loginSuccess && (
+					<div className="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
+						<p className="text-sm">
+							Login successful! Redirecting to home page...
+						</p>
+					</div>
+				)}
+
+				{errors.nonFieldErrors && (
+					<div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+						{errors.nonFieldErrors.map((error, index) => (
+							<p key={index} className="text-sm">
+								{error}
+							</p>
+						))}
+					</div>
+				)}
+
+				<form onSubmit={handleSubmit} className="space-y-4">
+					<div>
+						<label
+							className="block text-gray-600 text-[17px] font-semi-bold mb-2"
+							htmlFor="username"
+						>
+							Username
+						</label>
+						<input
+							className={`shadow appearance-none border ${
+								errors.username ? "border-red-500" : "border-gray-300"
+							} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
+							id="username"
+							type="text"
+							name="username"
+							placeholder="Username"
+							value={formData.username}
+							onChange={handleChange}
+							required
+							disabled={loginSuccess}
+						/>
+						{errors.username && (
+							<p className="text-red-500 text-xs italic mt-1">
+								{errors.username}
+							</p>
+						)}
+					</div>
+
+					<div>
+						<label
+							className="block text-gray-600 text-[17px] font-semi-bold mb-2"
+							htmlFor="password"
+						>
+							Password
+						</label>
+						<input
+							className={`shadow appearance-none border ${
+								errors.password ? "border-red-500" : "border-gray-300"
+							} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
+							id="password"
+							type="password"
+							name="password"
+							placeholder="••••••••"
+							value={formData.password}
+							onChange={handleChange}
+							required
+							disabled={loginSuccess}
+						/>
+						{errors.password && (
+							<p className="text-red-500 text-xs italic mt-1">
+								{errors.password}
+							</p>
+						)}
+					</div>
+
+					<div className="flex items-center justify-between">
+						<button
+							className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
+							type="submit"
+							disabled={isLoading || loginSuccess}
+						>
+							{isLoading ? (
+								<>
+									<span className="inline-block animate-spin mr-2">↻</span>
+									Logging in...
+								</>
+							) : loginSuccess ? (
+								"Logged In"
+							) : (
+								"Sign In"
+							)}
+						</button>
+					</div>
+
+					<div className="text-center mt-4">
+						<p className="text-sm">
+							Don't have an account?{" "}
+							<Link
+								to="/register"
+								className="text-[#2d98b3] hover:text-gray-700"
+							>
+								Register
+							</Link>
+						</p>
+					</div>
+				</form>
+			</div>
+		</div>
+	);
 }
 
-export default Login;
\ No newline at end of file
+export default Login;
diff --git a/Frontend/src/components/Pages/Products.jsx b/Frontend/src/components/Pages/Products.jsx
index d0a6a47..bfbeb04 100644
--- a/Frontend/src/components/Pages/Products.jsx
+++ b/Frontend/src/components/Pages/Products.jsx
@@ -19,6 +19,42 @@ function Products() {
         }
 
     };
+    // const handleAddToCart = async () => {
+    //     if (!productData) return;
+    
+    //     // Local add to cart
+    //     addToCart(productData.id, selectedQuantity);
+    
+    //     // Send to backend
+    //     const token = localStorage.getItem('token'); // or wherever you store JWT
+    //     try {
+    //         const response = await fetch('http://localhost:8000/api/cart/add/', {
+    //             method: 'POST',
+    //             headers: {
+    //                 'Content-Type': 'application/json',
+    //                 'Authorization': `Bearer ${token}`,
+    //             },
+    //             body: JSON.stringify({
+    //                 product_id: productData.id,
+    //                 quantity: selectedQuantity,
+    //             }),
+    //         });
+    
+    //         if (!response.ok) {
+    //             throw new Error('Failed to add to cart');
+    //         }
+    
+    //         const data = await response.json();
+    //         console.log('Item added to cart:', data);
+    
+    //         // Optionally show success message or reset quantity
+    //         // setSelectedQuantity(1);
+    //     } catch (error) {
+    //         console.error('Error adding to cart:', error);
+    //         // Optionally show error to user
+    //     }
+    // };
+    
 
     useEffect(() => {
         if (products && products.length > 0) {
diff --git a/Frontend/src/components/Payment/Success.jsx b/Frontend/src/components/Payment/Success.jsx
index b8b80d8..349f313 100644
--- a/Frontend/src/components/Payment/Success.jsx
+++ b/Frontend/src/components/Payment/Success.jsx
@@ -1,40 +1,7 @@
-//  import React from 'react'
- 
-//  function Success() {
-//    return (
-//      <div>Sucess</div>
-//    )
-//  }
- 
-//  export default 
-// import React, { useEffect, useState } from "react";
-// import { useSearchParams } from "react-router";
-// const Success = () => {
-//   const [search] = useSearchParams();
-//   const dataQuery = search.get("data");
-//   const [data, setData] = useState({});
-
-//   useEffect(() => {
-//     const resData = atob(dataQuery);
-//     const resObject = JSON.parse(resData);
-//     console.log(resObject);
-
-//     setData(resObject);
-//   }, [search]);
-
-//   return (
-//     <div className="payment-container">
-//       <img src="src/check.png" alt="" />
-//       <p className="price">Rs. {data.total_amount}</p>
-//       <p className="status">Payment Successful</p>
-//     </div>
-//   );
-// };
-
 // export default Success;
 import React, { useEffect, useState } from "react";
 import { useSearchParams } from "react-router-dom"; // Correct import
-
+import check from "./check.png"
 const Success = () => {
   const [searchParams] = useSearchParams();
   const dataQuery = searchParams.get("data");
@@ -66,10 +33,12 @@ const Success = () => {
   }
 
   return (
-    <div className="payment-container">
-      <img src="src/check.png" alt="" />
-      <p className="price">Rs. {data.total_amount || "0"}</p>
-      <p className="status">Payment Successful</p>
+    <div className="flex justify-center items-center pt-5">
+    <div className="flex flex-col items-center justify-center gap-4 p-8 rounded-xl bg-white shadow-lg max-w-md mx-auto">
+  <img src={check} alt="Success" className="w-20 h-20 text-green-500" />
+  <p className="text-4xl font-bold text-gray-800">Rs. {data.total_amount || "0"}</p>
+  <p className="text-2xl font-semibold text-green-600">Payment Successful</p>
+</div>
     </div>
   );
 };
diff --git a/Frontend/src/components/Payment/check.png b/Frontend/src/components/Payment/check.png
new file mode 100644
index 0000000000000000000000000000000000000000..6aa84d911ea86244b082619662cd024bd38f30ca
GIT binary patch
literal 18596
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
b1E(MArwP0{vEyv^PmrCSu6{1-oD!M<j{?)r

literal 0
HcmV?d00001

diff --git a/Frontend/src/components/Payment/successful.png b/Frontend/src/components/Payment/successful.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cdb8906db00df62107afa332aa5df7950b7e027
GIT binary patch
literal 46163
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

literal 0
HcmV?d00001

diff --git a/backend/backend/settings.py b/backend/backend/settings.py
index 2b7ed8b..90870e0 100644
--- a/backend/backend/settings.py
+++ b/backend/backend/settings.py
@@ -170,14 +170,18 @@
 CORS_ALLOW_CREDENTIALS = True
 CORS_ALLOWED_ORIGINS = [
     "http://localhost:5173",
+    "http://localhost:5174",
     "http://127.0.0.1:8000",
     "http://127.0.0.1:3000"
 ]
 
 CSRF_TRUSTED_ORIGINS = [
     "http://localhost:5173"
+    "http://localhost:5174"
+]
+CORS_ORIGIN_WHITELIST = [
+    'http://localhost:5173',
 ]
-
 CORS_ALLOW_CREDENTIALS = True
 CSRF_COOKIE_HTTPONLY = False
 SESSION_COOKIE_SECURE = False     # True for HTTPS, False for local dev

From 5d08e9bd40d06529dfd169565a5e27cae768ece7 Mon Sep 17 00:00:00 2001
From: Surja11 <stha.surja123@gmail.com>
Date: Wed, 23 Apr 2025 14:29:15 +0545
Subject: [PATCH 09/11] Managed settings.py

---
 backend/backend/settings.py | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/backend/backend/settings.py b/backend/backend/settings.py
index 90870e0..a9024b6 100644
--- a/backend/backend/settings.py
+++ b/backend/backend/settings.py
@@ -176,12 +176,10 @@
 ]
 
 CSRF_TRUSTED_ORIGINS = [
-    "http://localhost:5173"
+    "http://localhost:5173",
     "http://localhost:5174"
 ]
-CORS_ORIGIN_WHITELIST = [
-    'http://localhost:5173',
-]
+
 CORS_ALLOW_CREDENTIALS = True
 CSRF_COOKIE_HTTPONLY = False
 SESSION_COOKIE_SECURE = False     # True for HTTPS, False for local dev

From e5a08a567b5ecadb151fd3253f8c49ab1616dbba Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Wed, 23 Apr 2025 14:30:38 +0545
Subject: [PATCH 10/11] registerfix

---
 Frontend/src/components/Cart/Cart.jsx         |  13 +-
 Frontend/src/components/Pages/Login.jsx       | 385 +-----------------
 .../src/components/Payment/PaymentGateway.jsx | 117 +-----
 backend/backend/settings.py                   |   5 +-
 4 files changed, 8 insertions(+), 512 deletions(-)

diff --git a/Frontend/src/components/Cart/Cart.jsx b/Frontend/src/components/Cart/Cart.jsx
index 486d4b5..96bd1a3 100644
--- a/Frontend/src/components/Cart/Cart.jsx
+++ b/Frontend/src/components/Cart/Cart.jsx
@@ -141,18 +141,7 @@ useEffect(() => {
 							</div>
 						</div>
 
-						{/* <Link to="/paymentGateway" state={{
-							cartItems: cartData,
-							total: (getTotalCartAmount() + delivery_fee).toFixed(2),
-							currency
-						}}>
-							<button onClick={()=>navigate("/paymentGateway",{state:{getTotalCartAmount:getTotalCartAmount}})} 
-							className="w-full bg-black text-white py-3 mt-6 hover:bg-gray-800 transition-colors">
-								PROCEED TO CHECKOUT
-							</button>
-						</Link> */}
-
-{/* // Simplify your checkout button (remove duplicate state passing) */}
+						
 <button 
   onClick={() => navigate("/paymentGateway", {
     state: {
diff --git a/Frontend/src/components/Pages/Login.jsx b/Frontend/src/components/Pages/Login.jsx
index 8bf6f3a..eedc4a1 100644
--- a/Frontend/src/components/Pages/Login.jsx
+++ b/Frontend/src/components/Pages/Login.jsx
@@ -1,380 +1,5 @@
-// import React, { useState } from 'react';
-// import { useNavigate, Link } from 'react-router-dom';
-
-// function Login() {
-//   const [formData, setFormData] = useState({
-//     username: '',
-//     password: '',
-//   });
-//   const [errors, setErrors] = useState({});
-//   const [isLoading, setIsLoading] = useState(false);
-//   const navigate = useNavigate();
-
-//   // Helper function to get CSRF token from cookies
-//   const getCookie = (name) => {
-//     let cookieValue = null;
-//     if (document.cookie && document.cookie !== '') {
-//       const cookies = document.cookie.split(';');
-//       for (let i = 0; i < cookies.length; i++) {
-//         const cookie = cookies[i].trim();
-//         if (cookie.substring(0, name.length + 1) === (name + '=')) {
-//           cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
-//           break;
-//         }
-//       }
-//     }
-//     return cookieValue;
-//   };
-
-//   const handleChange = (e) => {
-//     const { name, value } = e.target;
-//     setFormData({
-//       ...formData,
-//       [name]: value,
-//     });
-//     // Clear error when typing
-//     if (errors[name]) {
-//       setErrors(prev => ({ ...prev, [name]: '' }));
-//     }
-//   };
-
-//   const handleSubmit = async (e) => {
-//     e.preventDefault();
-//     setIsLoading(true);
-//     setErrors({});
-
-//     try {
-//       // 1. First get CSRF token
-//       await fetch('http://localhost:8000/get-csrf-token/', {
-//         credentials: 'include',
-//       });
-
-//       // 2. Then submit login with CSRF token
-//       const response = await fetch('http://localhost:8000/login/', {
-//         method: 'POST',
-//         headers: {
-//           'Content-Type': 'application/json',
-//           'X-CSRFToken': getCookie('csrftoken'),
-//         },
-//         body: JSON.stringify(formData),
-//         credentials: 'include',
-//       });
-
-//       const data = await response.json();
-
-//       if (!response.ok) {
-//         setErrors(data);
-//         throw new Error(data.detail || 'Login failed');
-//       }
-
-//       // Successful login - redirect to home
-//       navigate('/', {
-//         state: { from: 'login' }
-//       });
-
-//     } catch (error) {
-//       console.error('Login error:', error);
-//       setErrors(prev => ({
-//         ...prev,
-//         nonFieldErrors: [error.message],
-//       }));
-//     } finally {
-//       setIsLoading(false);
-//     }
-//   };
-
-//   return (
-//     <div className="flex justify-center items-center min-h-screen bg-gray-100">
-//       <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
-//         <h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">Login</h2>
-
-//         {errors.nonFieldErrors && (
-//           <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
-//             {errors.nonFieldErrors.map((error, index) => (
-//               <p key={index} className="text-sm">{error}</p>
-//             ))}
-//           </div>
-//         )}
-
-//         <form onSubmit={handleSubmit} className="space-y-4">
-//           <div>
-//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="username">
-//               Username
-//             </label>
-//             <input
-//               className={`shadow appearance-none border ${errors.username ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-//               id="username"
-//               type="text"
-//               name="username"
-//               placeholder="Username"
-//               value={formData.username}
-//               onChange={handleChange}
-//               required
-//             />
-//             {errors.username && (
-//               <p className="text-red-500 text-xs italic mt-1">{errors.username}</p>
-//             )}
-//           </div>
-
-//           <div>
-//             <label className="block text-gray-600 text-[17px] font-semi-bold mb-2" htmlFor="password">
-//               Password
-//             </label>
-//             <input
-//               className={`shadow appearance-none border ${errors.password ? 'border-red-500' : 'border-gray-300'} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-//               id="password"
-//               type="password"
-//               name="password"
-//               placeholder="••••••••"
-//               value={formData.password}
-//               onChange={handleChange}
-//               required
-//             />
-//             {errors.password && (
-//               <p className="text-red-500 text-xs italic mt-1">{errors.password}</p>
-//             )}
-//           </div>
-
-//           <div className="flex items-center justify-between">
-//             <button
-//               className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
-//               type="submit"
-//               disabled={isLoading}
-//             >
-//               {isLoading ? (
-//                 <>
-//                   <span className="inline-block animate-spin mr-2">↻</span>
-//                   Logging in...
-//                 </>
-//               ) : 'Sign In'}
-//             </button>
-//           </div>
-
-//           <div className="text-center mt-4">
-//             <p className="text-sm">
-//               Don't have an account?{' '}
-//               <Link to="/register" className="text-[#2d98b3] hover:text-gray-700">
-//                 Register
-//               </Link>
-//             </p>
-
-//           </div>
-//         </form>
-//       </div>
-//     </div>
-//   );
-// }
-
-// export default Login;
-
-import React, { useState, useEffect } from "react";
-import { useNavigate, Link } from "react-router-dom";
-
-function Login() {
-	const [formData, setFormData] = useState({
-		username: "",
-		password: "",
-	});
-	const [errors, setErrors] = useState({});
-	const [isLoading, setIsLoading] = useState(false);
-	const [loginSuccess, setLoginSuccess] = useState(false);
-	const navigate = useNavigate();
-
-	// Helper function to get CSRF token from cookies
-	const getCookie = (name) => {
-		let cookieValue = null;
-		if (document.cookie && document.cookie !== "") {
-			const cookies = document.cookie.split(";");
-			for (let i = 0; i < cookies.length; i++) {
-				const cookie = cookies[i].trim();
-				if (cookie.substring(0, name.length + 1) === name + "=") {
-					cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
-					break;
-				}
-			}
-		}
-		return cookieValue;
-	};
-
-	const handleChange = (e) => {
-		const { name, value } = e.target;
-		setFormData({
-			...formData,
-			[name]: value,
-		});
-		// Clear error when typing
-		if (errors[name]) {
-			setErrors((prev) => ({ ...prev, [name]: "" }));
-		}
-	};
-
-	// Effect to handle redirect after successful login
-	useEffect(() => {
-		let redirectTimer;
-		if (loginSuccess) {
-			redirectTimer = setTimeout(() => {
-				navigate("/", { state: { from: "login" } });
-			}, 2000); // Wait 2 seconds before redirecting
-		}
-		return () => clearTimeout(redirectTimer);
-	}, [loginSuccess, navigate]);
-
-	const handleSubmit = async (e) => {
-		e.preventDefault();
-		setIsLoading(true);
-		setErrors({});
-
-		try {
-			// 1. First get CSRF token
-			await fetch("http://localhost:8000/get-csrf-token/", {
-				credentials: "include",
-			});
-
-			// 2. Then submit login with CSRF token
-			const response = await fetch("http://localhost:8000/login/", {
-				method: "POST",
-				headers: {
-					"Content-Type": "application/json",
-					"X-CSRFToken": getCookie("csrftoken"),
-				},
-				body: JSON.stringify(formData),
-				credentials: "include",
-			});
-
-			const data = await response.json();
-
-			if (!response.ok) {
-				setErrors(data);
-				throw new Error(data.detail || "Login failed");
-			}
-
-			// Show success message
-			setLoginSuccess(true);
-		} catch (error) {
-			console.error("Login error:", error);
-			setErrors((prev) => ({
-				...prev,
-				nonFieldErrors: [error.message],
-			}));
-		} finally {
-			setIsLoading(false);
-		}
-	};
-
-	return (
-		<div className="flex justify-center items-center min-h-screen bg-gray-100">
-			<div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
-				<h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">
-					Login
-				</h2>
-
-				{loginSuccess && (
-					<div className="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
-						<p className="text-sm">
-							Login successful! Redirecting to home page...
-						</p>
-					</div>
-				)}
-
-				{errors.nonFieldErrors && (
-					<div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
-						{errors.nonFieldErrors.map((error, index) => (
-							<p key={index} className="text-sm">
-								{error}
-							</p>
-						))}
-					</div>
-				)}
-
-				<form onSubmit={handleSubmit} className="space-y-4">
-					<div>
-						<label
-							className="block text-gray-600 text-[17px] font-semi-bold mb-2"
-							htmlFor="username"
-						>
-							Username
-						</label>
-						<input
-							className={`shadow appearance-none border ${
-								errors.username ? "border-red-500" : "border-gray-300"
-							} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-							id="username"
-							type="text"
-							name="username"
-							placeholder="Username"
-							value={formData.username}
-							onChange={handleChange}
-							required
-							disabled={loginSuccess}
-						/>
-						{errors.username && (
-							<p className="text-red-500 text-xs italic mt-1">
-								{errors.username}
-							</p>
-						)}
-					</div>
-
-					<div>
-						<label
-							className="block text-gray-600 text-[17px] font-semi-bold mb-2"
-							htmlFor="password"
-						>
-							Password
-						</label>
-						<input
-							className={`shadow appearance-none border ${
-								errors.password ? "border-red-500" : "border-gray-300"
-							} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
-							id="password"
-							type="password"
-							name="password"
-							placeholder="••••••••"
-							value={formData.password}
-							onChange={handleChange}
-							required
-							disabled={loginSuccess}
-						/>
-						{errors.password && (
-							<p className="text-red-500 text-xs italic mt-1">
-								{errors.password}
-							</p>
-						)}
-					</div>
-
-					<div className="flex items-center justify-between">
-						<button
-							className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
-							type="submit"
-							disabled={isLoading || loginSuccess}
-						>
-							{isLoading ? (
-								<>
-									<span className="inline-block animate-spin mr-2">↻</span>
-									Logging in...
-								</>
-							) : loginSuccess ? (
-								"Logged In"
-							) : (
-								"Sign In"
-							)}
-						</button>
-					</div>
-
-					<div className="text-center mt-4">
-						<p className="text-sm">
-							Don't have an account?{" "}
-							<Link
-								to="/register"
-								className="text-[#2d98b3] hover:text-gray-700"
-							>
-								Register
-							</Link>
-						</p>
-					</div>
-				</form>
-			</div>
-		</div>
-	);
-}
-
-export default Login;
+<div className="flex flex-col items-center justify-center gap-4 p-8 rounded-xl bg-white shadow-lg max-w-md mx-auto">
+  <img src={check} alt="Success" className="w-20 h-20 text-green-500" />
+  <p className="text-4xl font-bold text-gray-800">Rs. {data.total_amount || "0"}</p>
+  <p className="text-2xl font-semibold text-green-600">Payment Successful</p>
+</div>
\ No newline at end of file
diff --git a/Frontend/src/components/Payment/PaymentGateway.jsx b/Frontend/src/components/Payment/PaymentGateway.jsx
index 33db0ed..93fd01e 100644
--- a/Frontend/src/components/Payment/PaymentGateway.jsx
+++ b/Frontend/src/components/Payment/PaymentGateway.jsx
@@ -1,118 +1,3 @@
-// import React, { useState, useEffect } from "react";
-// import { v4 as uuidv4 } from "uuid";
-// import CryptoJS from "crypto-js";
-// import { useLocation } from "react-router-dom";
-
-// const PaymentGateway = () => {
-//   const location = useLocation();
-  
-//   // Safely extract the total amount from location state with a fallback
-//   const initialTotal = location.state?.total || "10"; // Default to "10" if no total provided
-
-//   const [formData, setFormData] = useState({
-//     amount: initialTotal,
-//     tax_amount: "0",
-//     total_amount: initialTotal,
-//     transaction_uuid: uuidv4(),
-//     product_service_charge: "0",
-//     product_delivery_charge: "0",
-//     product_code: "EPAYTEST",
-//     success_url: "http://localhost:5173/success",
-//     failure_url: "http://localhost:5173/failure",
-//     signed_field_names: "total_amount,transaction_uuid,product_code",
-//     signature: "",
-//   });
-
-//   // Generate signature function
-//   const generateSignature = (data) => {
-//     const secret = "8gBm/:&EnhH.1/q"; // Consider moving this to environment variables
-//     const hashString = `total_amount=${data.total_amount},transaction_uuid=${data.transaction_uuid},product_code=${data.product_code}`;
-//     const hash = CryptoJS.HmacSHA256(hashString, secret);
-//     return CryptoJS.enc.Base64.stringify(hash);
-//   };
-
-//   // Update signature whenever relevant fields change
-//   useEffect(() => {
-//     const signature = generateSignature(formData);
-//     setFormData(prev => ({ ...prev, signature }));
-//   }, [formData.total_amount, formData.transaction_uuid, formData.product_code]);
-
-//   const handleAmountChange = (e) => {
-//     const value = e.target.value;
-//     setFormData(prev => ({
-//       ...prev,
-//       amount: value,
-//       total_amount: value
-//     }));
-//   };
-
-//   return (
-//     <div className="max-w-md mx-auto p-6">
-//       <form
-//         action="https://rc-epay.esewa.com.np/api/epay/main/v2/form"
-//         method="POST"
-//         className="space-y-4"
-//       >
-//         <h1 className="text-2xl font-bold mb-6">Checkout</h1>
-        
-//         <div className="grid grid-cols-2 gap-4">
-//           <div className="space-y-2">
-//             <label className="block text-sm font-medium">First name</label>
-//             <input 
-//               type="text" 
-//               className="w-full p-2 border rounded" 
-//               required 
-//             />
-//           </div>
-          
-//           <div className="space-y-2">
-//             <label className="block text-sm font-medium">Last name</label>
-//             <input 
-//               type="text" 
-//               className="w-full p-2 border rounded" 
-//               required 
-//             />
-//           </div>
-//         </div>
-
-//         <div className="space-y-2">
-//           <label htmlFor="amount" className="block text-sm font-medium">Amount</label>
-//           <input
-//             type="text"
-//             id="amount"
-//             name="amount"
-//             className="w-full p-2 border rounded"
-//             autoComplete="off"
-//             value={formData.amount}
-//             onChange={handleAmountChange}
-//             required
-//           />
-//         </div>
-
-//         {/* Hidden fields */}
-//         <input type="hidden" name="tax_amount" value={formData.tax_amount} />
-//         <input type="hidden" name="total_amount" value={formData.total_amount} />
-//         <input type="hidden" name="transaction_uuid" value={formData.transaction_uuid} />
-//         <input type="hidden" name="product_code" value={formData.product_code} />
-//         <input type="hidden" name="product_service_charge" value={formData.product_service_charge} />
-//         <input type="hidden" name="product_delivery_charge" value={formData.product_delivery_charge} />
-//         <input type="hidden" name="success_url" value={formData.success_url} />
-//         <input type="hidden" name="failure_url" value={formData.failure_url} />
-//         <input type="hidden" name="signed_field_names" value={formData.signed_field_names} />
-//         <input type="hidden" name="signature" value={formData.signature} />
-
-//         <button 
-//           type="submit" 
-//           className="w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition-colors"
-//         >
-//           Pay via E-Sewa
-//         </button>
-//       </form>
-//     </div>
-//   );
-// };
-
-// export default PaymentGateway;
 
 
 
@@ -295,7 +180,7 @@ const PaymentGateway = () => {
 
         <button
           type="submit"
-          className="w-full bg-green-600 text-white py-3 rounded hover:bg-green-700 transition"
+          className="w-full bg-gray-800 text-white py-3 rounded hover:bg-gray-600 transition"
         >
           {userDetails.paymentMethod === "esewa"
             ? "Pay via eSewa"
diff --git a/backend/backend/settings.py b/backend/backend/settings.py
index 90870e0..9b3d847 100644
--- a/backend/backend/settings.py
+++ b/backend/backend/settings.py
@@ -177,11 +177,8 @@
 
 CSRF_TRUSTED_ORIGINS = [
     "http://localhost:5173"
-    "http://localhost:5174"
-]
-CORS_ORIGIN_WHITELIST = [
-    'http://localhost:5173',
 ]
+
 CORS_ALLOW_CREDENTIALS = True
 CSRF_COOKIE_HTTPONLY = False
 SESSION_COOKIE_SECURE = False     # True for HTTPS, False for local dev

From 95289d9d07242e8127dc6315ba4bebd03c5210a9 Mon Sep 17 00:00:00 2001
From: salma prajapati <salma@gmail.com>
Date: Wed, 23 Apr 2025 14:50:48 +0545
Subject: [PATCH 11/11] final

---
 Frontend/src/App.jsx                     |   2 +-
 Frontend/src/components/Pages/Login.jsx  | 215 ++++++++++++++++++++++-
 Frontend/src/components/Pages/Navbar.jsx |   2 +-
 backend/backend/settings.py              | 196 ++++++++++++++++++++-
 4 files changed, 410 insertions(+), 5 deletions(-)

diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index e8315ac..f2a023b 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -36,7 +36,7 @@ function App() {
 					{/* <Route path="/cart" element={<CartPage />} /> */}
 
 					<Route path="/login" element={<Login />} />
-					<Route path="/logout" element={<LogOut />} />
+					{/* <Route path="/logout" element={<LogOut />} /> */}
 					<Route path="/register" element={<Register />} />
 					<Route path="/orders" element={<Orders />} />
 					<Route path="/success" element={<Success/>} />
diff --git a/Frontend/src/components/Pages/Login.jsx b/Frontend/src/components/Pages/Login.jsx
index eedc4a1..6ed44e6 100644
--- a/Frontend/src/components/Pages/Login.jsx
+++ b/Frontend/src/components/Pages/Login.jsx
@@ -1,5 +1,216 @@
-<div className="flex flex-col items-center justify-center gap-4 p-8 rounded-xl bg-white shadow-lg max-w-md mx-auto">
+{/* <div className="flex flex-col items-center justify-center gap-4 p-8 rounded-xl bg-white shadow-lg max-w-md mx-auto">
   <img src={check} alt="Success" className="w-20 h-20 text-green-500" />
   <p className="text-4xl font-bold text-gray-800">Rs. {data.total_amount || "0"}</p>
   <p className="text-2xl font-semibold text-green-600">Payment Successful</p>
-</div>
\ No newline at end of file
+</div> */}
+import React, { useState, useEffect } from "react";
+import { useNavigate, Link } from "react-router-dom";
+
+function Login() {
+	const [formData, setFormData] = useState({
+		username: "",
+		password: "",
+	});
+	const [errors, setErrors] = useState({});
+	const [isLoading, setIsLoading] = useState(false);
+	const [loginSuccess, setLoginSuccess] = useState(false);
+	const navigate = useNavigate();
+
+	// Helper function to get CSRF token from cookies
+	const getCookie = (name) => {
+		let cookieValue = null;
+		if (document.cookie && document.cookie !== "") {
+			const cookies = document.cookie.split(";");
+			for (let i = 0; i < cookies.length; i++) {
+				const cookie = cookies[i].trim();
+				if (cookie.substring(0, name.length + 1) === name + "=") {
+					cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+					break;
+				}
+			}
+		}
+		return cookieValue;
+	};
+
+	const handleChange = (e) => {
+		const { name, value } = e.target;
+		setFormData({
+			...formData,
+			[name]: value,
+		});
+		// Clear error when typing
+		if (errors[name]) {
+			setErrors((prev) => ({ ...prev, [name]: "" }));
+		}
+	};
+
+	// Effect to handle redirect after successful login
+	useEffect(() => {
+		let redirectTimer;
+		if (loginSuccess) {
+			redirectTimer = setTimeout(() => {
+				navigate("/", { state: { from: "login" } });
+			}, 2000); // Wait 2 seconds before redirecting
+		}
+		return () => clearTimeout(redirectTimer);
+	}, [loginSuccess, navigate]);
+
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setIsLoading(true);
+		setErrors({});
+
+		try {
+			// 1. First get CSRF token
+			await fetch("http://localhost:8000/get-csrf-token/", {
+				credentials: "include",
+			});
+
+			// 2. Then submit login with CSRF token
+			const response = await fetch("http://localhost:8000/login/", {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					"X-CSRFToken": getCookie("csrftoken"),
+				},
+				body: JSON.stringify(formData),
+				credentials: "include",
+			});
+
+			const data = await response.json();
+
+			if (!response.ok) {
+				setErrors(data);
+				throw new Error(data.detail || "Login failed");
+			}
+
+			// Show success message
+			setLoginSuccess(true);
+		} catch (error) {
+			console.error("Login error:", error);
+			setErrors((prev) => ({
+				...prev,
+				nonFieldErrors: [error.message],
+			}));
+		} finally {
+			setIsLoading(false);
+		}
+	};
+
+	return (
+		<div className="flex justify-center items-center min-h-screen bg-gray-100">
+			<div className="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
+				<h2 className="text-3xl font-semi-bold mb-6 text-center text-[#287588]">
+					Login
+				</h2>
+
+				{loginSuccess && (
+					<div className="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
+						<p className="text-sm">
+							Login successful! Redirecting to home page...
+						</p>
+					</div>
+				)}
+
+				{errors.nonFieldErrors && (
+					<div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+						{errors.nonFieldErrors.map((error, index) => (
+							<p key={index} className="text-sm">
+								{error}
+							</p>
+						))}
+					</div>
+				)}
+
+				<form onSubmit={handleSubmit} className="space-y-4">
+					<div>
+						<label
+							className="block text-gray-600 text-[17px] font-semi-bold mb-2"
+							htmlFor="username"
+						>
+							Username
+						</label>
+						<input
+							className={`shadow appearance-none border ${
+								errors.username ? "border-red-500" : "border-gray-300"
+							} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
+							id="username"
+							type="text"
+							name="username"
+							placeholder="Username"
+							value={formData.username}
+							onChange={handleChange}
+							required
+							disabled={loginSuccess}
+						/>
+						{errors.username && (
+							<p className="text-red-500 text-xs italic mt-1">
+								{errors.username}
+							</p>
+						)}
+					</div>
+
+					<div>
+						<label
+							className="block text-gray-600 text-[17px] font-semi-bold mb-2"
+							htmlFor="password"
+						>
+							Password
+						</label>
+						<input
+							className={`shadow appearance-none border ${
+								errors.password ? "border-red-500" : "border-gray-300"
+							} rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline`}
+							id="password"
+							type="password"
+							name="password"
+							placeholder="••••••••"
+							value={formData.password}
+							onChange={handleChange}
+							required
+							disabled={loginSuccess}
+						/>
+						{errors.password && (
+							<p className="text-red-500 text-xs italic mt-1">
+								{errors.password}
+							</p>
+						)}
+					</div>
+
+					<div className="flex items-center justify-between">
+						<button
+							className="bg-[#1b5968] hover:bg-[#4b5f64] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full disabled:opacity-50"
+							type="submit"
+							disabled={isLoading || loginSuccess}
+						>
+							{isLoading ? (
+								<>
+									<span className="inline-block animate-spin mr-2">↻</span>
+									Logging in...
+								</>
+							) : loginSuccess ? (
+								"Logged In"
+							) : (
+								"Sign In"
+							)}
+						</button>
+					</div>
+
+					<div className="text-center mt-4">
+						<p className="text-sm">
+							Don't have an account?{" "}
+							<Link
+								to="/register"
+								className="text-[#2d98b3] hover:text-gray-700"
+							>
+								Register
+							</Link>
+						</p>
+					</div>
+				</form>
+			</div>
+		</div>
+	);
+}
+
+export default Login;
\ No newline at end of file
diff --git a/Frontend/src/components/Pages/Navbar.jsx b/Frontend/src/components/Pages/Navbar.jsx
index 37ba2d4..bb32f45 100644
--- a/Frontend/src/components/Pages/Navbar.jsx
+++ b/Frontend/src/components/Pages/Navbar.jsx
@@ -77,7 +77,7 @@ function Navbar() {
 							<p className="cursor-pointer hover:text-black">My Profile</p>
 							<p className="cursor-pointer hover:text-black">Orders</p>
 							
-							<Link to="/logout" className="hover:text-black">Logout</Link>
+							{/* <Link to="/logout" className="hover:text-black">Logout</Link> */}
 
 						</div>
 					</div>
diff --git a/backend/backend/settings.py b/backend/backend/settings.py
index b850b05..f08f399 100644
--- a/backend/backend/settings.py
+++ b/backend/backend/settings.py
@@ -1,3 +1,197 @@
+# """
+# Django settings for backend project.
+
+# Generated by 'django-admin startproject' using Django 5.1.6.
+
+# For more information on this file, see
+# https://docs.djangoproject.com/en/5.1/topics/settings/
+
+# For the full list of settings and their values, see
+# https://docs.djangoproject.com/en/5.1/ref/settings/
+# """
+# from datetime import timedelta
+# from pathlib import Path
+# import os
+# # Build paths inside the project like this: BASE_DIR / 'subdir'.
+# BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# # Quick-start development settings - unsuitable for production
+# # See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/
+
+# # SECURITY WARNING: keep the secret key used in production secret!
+# SECRET_KEY = 'django-insecure-((s(w$z@8rma5supc9hrp_b_1q_5cn-qj-t0#6@e)=oq^gxr41'
+
+# # SECURITY WARNING: don't run with debug turned on in production!
+# DEBUG = True
+
+# ALLOWED_HOSTS = []
+
+
+# # Application definition
+
+# INSTALLED_APPS = [
+#     'django.contrib.admin',
+#     'django.contrib.auth',
+#     'django.contrib.contenttypes',
+#     'django.contrib.sessions',
+#     'django.contrib.messages',
+#     'django.contrib.staticfiles',
+#     'app',
+#     'corsheaders',
+#     'rest_framework',
+#     'rest_framework_simplejwt',
+#     'rest_framework.authtoken',
+#     'rest_framework_simplejwt.token_blacklist',
+# ]
+
+# REST_FRAMEWORK = {
+#     'DEFAULT_AUTHENTICATION_CLASSES': (
+#         'rest_framework.authentication.SessionAuthentication',
+#         # 'rest_framework_simplejwt.authentication.JWTAuthentication',
+#     ),
+#     # 'DEFAULT_RENDERER_CLASSES':('rest_framework.renderers.JSONRenderer',),
+    
+# }
+
+# MIDDLEWARE = [
+#     'django.middleware.security.SecurityMiddleware',
+#     'django.contrib.sessions.middleware.SessionMiddleware',
+#     'corsheaders.middleware.CorsMiddleware',
+#     'django.middleware.common.CommonMiddleware',
+#     'django.middleware.csrf.CsrfViewMiddleware',
+#     'django.contrib.auth.middleware.AuthenticationMiddleware',
+#     'django.contrib.messages.middleware.MessageMiddleware',
+#     'django.middleware.clickjacking.XFrameOptionsMiddleware',
+# ]
+
+# ROOT_URLCONF = 'backend.urls'
+
+# TEMPLATES = [
+#     {
+#         'BACKEND': 'django.template.backends.django.DjangoTemplates',
+#         'DIRS': [os.path.join(BASE_DIR, 'templates')],
+#         'APP_DIRS': True,
+#         'OPTIONS': {
+#             'context_processors': [
+#                 'django.template.context_processors.debug',
+#                 'django.template.context_processors.request',
+#                 'django.contrib.auth.context_processors.auth',
+#                 'django.contrib.messages.context_processors.messages',
+#             ],
+#         },
+#     },
+# ]
+
+# WSGI_APPLICATION = 'backend.wsgi.application'
+
+
+# # Database
+# # https://docs.djangoproject.com/en/5.1/ref/settings/#databases
+
+# DATABASES = {
+#     'default': {
+#         'ENGINE': 'django.db.backends.postgresql',
+#         'NAME': 'postgres',
+#         'USER': 'postgres.umxbhshsupgsiqvnzduy',
+#         'PASSWORD': 'muSical833201eve',
+#         'HOST': 'aws-0-us-east-2.pooler.supabase.com',  # Change to remote DB host if needed
+#         'PORT': '5432',       # Default PostgreSQL port
+#     }
+# }
+
+
+
+# # Password validation
+# # https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators
+
+# AUTH_PASSWORD_VALIDATORS = [
+#     {
+#         'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+#     },
+#     {
+#         'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+#     },
+#     {
+#         'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+#     },
+#     {
+#         'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+#     },
+# ]
+
+
+# # Internationalization
+# # https://docs.djangoproject.com/en/5.1/topics/i18n/
+
+# LANGUAGE_CODE = 'en-us'
+
+# TIME_ZONE = 'UTC'
+
+# USE_I18N = True
+
+# USE_TZ = True
+
+# AUTH_USER_MODEL = 'app.User'
+
+# # Static files (CSS, JavaScript, Images)
+# # https://docs.djangoproject.com/en/5.1/howto/static-files/
+
+# STATIC_URL = 'static/'
+# MEDIA_URL ='/media/'
+# MEDIA_ROOT = os.path.join(BASE_DIR,'media')
+
+# # Default primary key field type
+# # https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field
+
+# DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
+
+
+# SIMPLE_JWT = {
+#     "ACCESS_TOKEN_LIFETIME": timedelta(minutes=30),
+#     "REFRESH_TOKEN_LIFETIME": timedelta(days=1),
+#     "ROTATE_REFRESH_TOKENS": False,
+#     "BLACKLIST_AFTER_ROTATION": False,
+#     "UPDATE_LAST_LOGIN": False,
+
+#     "AUTH_HEADER_TYPES": ("Bearer",),
+#     "AUTH_HEADER_NAME": "HTTP_AUTHORIZATION",
+#     "USER_ID_FIELD": "id",
+#     "USER_ID_CLAIM": "user_id",
+#     "USER_AUTHENTICATION_RULE": "rest_framework_simplejwt.authentication.default_user_authentication_rule",
+
+#     "AUTH_TOKEN_CLASSES": ("rest_framework_simplejwt.tokens.AccessToken",),
+#     "TOKEN_TYPE_CLAIM": "token_type",
+#     "TOKEN_USER_CLASS": "rest_framework_simplejwt.models.TokenUser",
+
+#     "JTI_CLAIM": "jti",
+
+# }
+# CORS_ALLOW_CREDENTIALS = True
+# CORS_ALLOWED_ORIGINS = [
+#     "http://localhost:5173",
+#     "http://127.0.0.1:8000",
+#     "http://127.0.0.1:3000"
+# ]
+
+# CSRF_TRUSTED_ORIGINS = [
+#     "http://localhost:5173",
+# ]
+
+# CORS_ALLOW_CREDENTIALS = True
+# CSRF_COOKIE_HTTPONLY = False
+# SESSION_COOKIE_SECURE = False     # True for HTTPS, False for local dev
+# CSRF_COOKIE_SECURE = False
+# SESSION_COOKIE_SAMESITE = 'Lax'  # or 'None' if cross-site
+# CSRF_COOKIE_SAMESITE = 'Lax'
+
+
+# ESEWA_MERCHANT_ID = 'EPAYTEST'
+# ESEWA_API_URL = 'https://rc-epay.esewa.com.np/api/epay/main/v2/form'
+# ESEWA_VERIFY_URL = 'https://rc.esewa.com.np/api/epay/transaction/status/'
+# ESEWA_SUCCESS_URL = 'http://127.0.0.1:8000/esewa/success'
+# ESEWA_FAILURE_URL = 'http://127.0.0.1:8000/esewa/failure'
+
 """
 Django settings for backend project.
 
@@ -190,4 +384,4 @@
 ESEWA_API_URL = 'https://rc-epay.esewa.com.np/api/epay/main/v2/form'
 ESEWA_VERIFY_URL = 'https://rc.esewa.com.np/api/epay/transaction/status/'
 ESEWA_SUCCESS_URL = 'http://127.0.0.1:8000/esewa/success'
-ESEWA_FAILURE_URL = 'http://127.0.0.1:8000/esewa/failure'
+ESEWA_FAILURE_URL = 'http://127.0.0.1:8000/esewa/failure'
\ No newline at end of file