How khushi-saraswat/ecommerce works
This is the React frontend for ShopEase, a multi-vendor artisan marketplace. Shoppers browse products and categories, manage a cart and wishlist, check out, and view orders; account authentication gates protected flows. Separate admin and artisan areas support marketplace management, seller products and profiles, and category requests. The README describes backend capabilities such as per-artisan order splitting and payment tracking, but backend source is not present in this tree, so those internals are represented only at the API boundary. Some page and store wiring is inferred from route declarations and API wrappers; unsampled calls are omitted.
Main entry points: App.jsx Route application · api.js Marketplace API client · cartStore.js Cart state · Products.jsx Product catalog
Components 19
Storefront
- Home and categories
frontend/src/pages/Home.jsx - Product catalog
frontend/src/pages/Products.jsx - Product details
frontend/src/pages/ProductDetails.jsx - Product card
frontend/src/components/product/ProductCard.jsx
Customer commerce
- Sign-in and registration
frontend/src/pages/Login.jsx - Cart state
frontend/src/store/cartStore.js - Wishlist state
frontend/src/store/wishlistStore.js - Checkout
frontend/src/pages/Checkout.jsx - Customer orders
frontend/src/pages/Orders.jsx - Customer profile
frontend/src/pages/Profile.jsx
Admin operations
- Admin management
frontend/src/pages/admin/Dashboard.jsx
Artisan workspace
- Artisan workspace
frontend/src/pages/artisan/ArtisanPanel.jsx - Artisan API client
frontend/src/pages/artisan/api.js
Client infrastructure
- Route application
frontend/src/App.jsx - Authentication state
frontend/src/store/authStore.js - Marketplace API client
frontend/src/services/api.js - Navigation
frontend/src/components/layout/Navbar.jsx
Other components
- Shopper
- Marketplace backend
Connections 28
- Shopper → Route application: opens
- Route application → Home and categories: routes
- Route application → Product catalog: routes
- Route application → Product details: routes
- Route application → Checkout: routes
- Route application → Customer orders: routes
- Route application → Sign-in and registration: routes
- Route application → Admin management: routes
- Route application → Artisan workspace: routes
- Home and categories → Marketplace API client: loads catalog data
- Product catalog → Marketplace API client: requests products
- Product details → Marketplace API client: requests product
- Product catalog → Product card: renders products
- Product details → Cart state: adds items
- Product card → Cart state: adds items
- Product card → Wishlist state: updates wishlist
- Sign-in and registration → Authentication state: authenticates
- Authentication state → Marketplace API client: calls auth and user APIs
- Navigation → Cart state: loads cart
- Navigation → Wishlist state: loads wishlist
- Checkout → Cart state: reads and clears
- Checkout → Marketplace API client: places order
- Customer orders → Marketplace API client: requests order history
- Customer profile → Authentication state: reads profile state
- Admin management → Marketplace API client: manages marketplace
- Artisan workspace → Artisan API client: dispatches seller actions
- Artisan API client → Marketplace backend: sends seller requests
- Marketplace API client → Marketplace backend: sends API requests