How daniyalahmed3399-droid/ecommerce-app works
ShopEase is a small client-side e-commerce storefront. Users browse a product catalogue, manage a cart, create an account or log in, then submit a protected checkout form and reach an order-success page. Authentication, per-user carts, and orders are stored in browser localStorage; checkout uses a dummy payment flow, not a payment provider. The README is only the Vite template, and several page implementations were not sampled, so uncertain page-to-data wiring is omitted.
Main entry points: App.jsx App Router · AuthContext.jsx Auth Context · Checkout.jsx Checkout · CartContext.jsx Cart Context
Components 17
Storefront
- App Router
src/App.jsx - Navigation
src/components/NavBar.jsx - Home
src/pages/Home.jsx - Product Listing
src/pages/Products.jsx - Product Card
src/components/ProductCard.jsx - Product Details
src/pages/ProductDetails.jsx - Product Catalogue
src/data/products.js
Identity
- Sign Up
src/pages/Signup.jsx - Login
src/pages/Login.jsx - Checkout Guard
src/components/ProtectedRoute.jsx - Auth Context
src/context/AuthContext.jsx
Ordering
- Cart Page
src/pages/Cart.jsx - Cart Context
src/context/CartContext.jsx - Checkout
src/pages/Checkout.jsx - Order Success
src/pages/Success.jsx
Browser State
- localStorage
Other components
- Shopper
Connections 23
- Shopper → App Router: uses storefront
- App Router → Navigation: renders
- App Router → Home: routes
- App Router → Product Listing: routes
- App Router → Product Details: routes
- App Router → Cart Page: routes
- App Router → Login: routes
- App Router → Sign Up: routes
- App Router → Checkout Guard: protects checkout
- Checkout Guard → Checkout: renders when allowed
- Product Card → Product Details: links to
- Sign Up → Auth Context: creates account
- Auth Context → localStorage: reads and writes users
- Auth Context → localStorage: reads and writes session
- Cart Context → Auth Context: reads user
- Cart Context → localStorage: reads and writes carts
- Navigation → Auth Context: reads session; logs out
- Navigation → Cart Context: reads cart count
- Cart Page → Cart Context: updates and reads cart
- Checkout → Auth Context: reads user
- Checkout → Cart Context: reads cart; clears cart
- Checkout → localStorage: writes orders
- Checkout → Order Success: navigates after checkout