How alsonma/shopzone works
ShopZone is a marketplace with customer shopping, seller storefront and catalog management, and admin operations. A customer browses or searches products, views details, manages a cart and checkout, then tracks orders; account, address, wishlist, and review features support that journey. Sellers create stores and products and review sales analytics, while administrators manage marketplace activity. The graph separates frontend routing, API transport, backend request handling, and domain data. Several backend routes and frontend pages are unsampled, so their internal interactions are not inferred.
Main entry points: App.jsx App Router · server.js HTTP API Server · admin.controller.js Admin Operations · product.controller.js Product Catalog
Components 33
Customer and Seller UI
- App Router
frontend/src/App.jsx - Product Discovery
frontend/src/pages/Home/Home.jsx - Search Results
frontend/src/pages/SearchResults/SearchResults.jsx - Product Details
frontend/src/pages/ProductDetails/ProductDetails.jsx - Shopping Cart
frontend/src/pages/Cart/Cart.jsx - Checkout
frontend/src/pages/Checkout/Checkout.jsx - Payment
frontend/src/pages/Payment/Payment.jsx - Order History
frontend/src/pages/MyOrders/MyOrders.jsx - Customer Account
- Customer Addresses
frontend/src/pages/CustomerAddresses/CustomerAddresses.jsx - Customer Orders
frontend/src/pages/CustomerOrders/CustomerOrders.jsx - Wishlist
frontend/src/pages/Wishlist/Wishlist.jsx - Seller Dashboard
frontend/src/pages/SellerDashboard/SellerDashboard.jsx - Store Setup
frontend/src/pages/CreateStore/CreateStore.jsx - Product Entry
frontend/src/pages/AddProducts/AddProduct.jsx - Sign-in and Signup
frontend/src/pages/Login/Login.jsx
API Transport
- API Client
frontend/src/api/axios.js
Backend Services
- HTTP API Server
backend/server.js - Authentication
backend/src/controller/auth.controller.js - Product Catalog
backend/src/controller/product.controller.js - Cart Operations
backend/src/controller/cart.controller.js - Customer Operations
backend/src/controller/customer.controller.js - Reviews
backend/src/controller/review.controller.js - Order Processing
backend/src/controller/order.controller.js - Store Management
backend/src/controller/store.controller.js
Marketplace Data
- User Records
backend/src/model/user.model.js - Product Records
backend/src/model/product.model.js - Cart Records
backend/src/model/cart.model.js - Order Records
backend/src/model/order.model.js - Review Records
backend/src/model/review.model.js - Store Records
backend/src/model/store.model.js
Administration
- Admin Operations
backend/src/controller/admin.controller.js
Other components
- Shopper
Connections 46
- Shopper → App Router: opens
frontend/src/App.jsx - App Router → Product Discovery: routes to
frontend/src/App.jsx - App Router → Search Results: routes to
frontend/src/App.jsx - App Router → Product Details: routes to
frontend/src/App.jsx - App Router → Shopping Cart: routes to
frontend/src/App.jsx - App Router → Checkout: routes to
frontend/src/App.jsx - App Router → Payment: routes to
frontend/src/App.jsx - App Router → Order History: routes to
frontend/src/App.jsx - App Router → Customer Account: routes to
frontend/src/App.jsx - App Router → Customer Addresses: routes to
frontend/src/App.jsx - App Router → Customer Orders: routes to
frontend/src/App.jsx - App Router → Wishlist: routes to
frontend/src/App.jsx - App Router → Seller Dashboard: routes to
frontend/src/App.jsx - App Router → Store Setup: routes to
frontend/src/App.jsx - App Router → Sign-in and Signup: routes to
frontend/src/App.jsx - Search Results → API Client: requests products
frontend/src/pages/SearchResults/SearchResults.jsx - API Client → HTTP API Server: sends API requests
- HTTP API Server → Product Catalog: mounts routes
backend/server.js - HTTP API Server → Authentication: mounts routes
backend/server.js - HTTP API Server → Cart Operations: mounts routes
backend/server.js - HTTP API Server → Customer Operations: mounts routes
backend/server.js - HTTP API Server → Order Processing: mounts routes
backend/server.js - HTTP API Server → Reviews: mounts routes
backend/server.js - HTTP API Server → Store Management: mounts routes
backend/server.js - HTTP API Server → Admin Operations: mounts routes
backend/server.js - Authentication → User Records: reads and writes
backend/src/controller/auth.controller.js - Product Catalog → Product Records: reads and writes
backend/src/controller/product.controller.js - Product Catalog → Store Records: reads
backend/src/controller/product.controller.js - Product Catalog → Review Records: aggregates ratings
backend/src/controller/product.controller.js - Product Catalog → Order Records: reads sales
backend/src/controller/product.controller.js - Cart Operations → Cart Records: reads and writes
backend/src/controller/cart.controller.js - Cart Operations → Product Records: reads
backend/src/controller/cart.controller.js - Customer Operations → User Records: reads and writes
backend/src/controller/customer.controller.js - Customer Operations → Product Records: reads
backend/src/controller/customer.controller.js - Customer Operations → Order Records: reads
backend/src/controller/customer.controller.js - Reviews → Review Records: reads and writes
backend/src/controller/review.controller.js - Reviews → Product Records: checks products
backend/src/controller/review.controller.js - Reviews → Order Records: checks delivery
backend/src/controller/review.controller.js - Order Processing → Order Records: manages
- Store Management → Store Records: manages
- Admin Operations → Store Records: manages
backend/src/controller/admin.controller.js - Admin Operations → Product Records: manages
backend/src/controller/admin.controller.js - Admin Operations → Order Records: manages
backend/src/controller/admin.controller.js - Admin Operations → User Records: manages
backend/src/controller/admin.controller.js - Admin Operations → Cart Records: manages
backend/src/controller/admin.controller.js - Admin Operations → Review Records: manages
backend/src/controller/admin.controller.js