How ganesh27-2002/mobile-shop works
Mobile Shop is a full-stack smartphone store: customers browse a catalog, manage a cart and addresses, check out with simulated payment, then track or cancel orders. Administrators manage catalog, inventory, orders, customers, and dashboard reporting. The graph follows the documented frontend/API layers; sampled source confirms server routing and representative controller-to-service calls, while several domain-specific service links are documented capabilities rather than individually inspected implementations.
Main entry points: index.ts Sequelize models · routes Customer API routes · adminRoutes.ts Admin API routes · App.tsx React application
Components 25
Customer storefront
- React application
frontend/src/App.tsx - Storefront pages
frontend/src/pages - API services
frontend/src/services - Session and cart state
frontend/src/context
Commerce API
- Express API
backend/src/server.ts - Customer API routes
backend/src/routes - Authentication
backend/src/services/authService.ts - Catalog and categories
backend/src/services/productService.ts - Shopping cart
backend/src/services/cartService.ts - Address book
backend/src/services/addressService.ts - Checkout
backend/src/services/checkoutService.ts - Simulated payments
backend/src/services/paymentService.ts - Orders and tracking
backend/src/services/orderService.ts
Administration
- Admin pages
frontend/src/pages/admin - Admin API routes
backend/src/routes/adminRoutes.ts - Product management
backend/src/services/adminProductService.ts - Category management
backend/src/services/adminCategoryService.ts - Inventory management
backend/src/services/adminInventoryService.ts - Order management
backend/src/services/adminOrderService.ts - Customer management
backend/src/services/adminCustomerService.ts - Dashboard reporting
backend/src/services/adminDashboardService.ts
Persistence
- Sequelize models
backend/src/models/index.ts - PostgreSQL
backend/src/config/database.ts
Other components
- Customer
- Administrator
Connections 37
- Customer → React application: uses
- Administrator → React application: uses
- React application → Storefront pages: routes
- React application → Admin pages: routes
- Storefront pages → API services: requests
- Admin pages → API services: requests
- React application → Session and cart state: provides state
- API services → Express API: HTTP requests
- Express API → Customer API routes: dispatches
- Express API → Admin API routes: dispatches
- Customer API routes → Authentication: dispatches
- Customer API routes → Catalog and categories: dispatches
- Customer API routes → Shopping cart: dispatches
- Customer API routes → Address book: dispatches
- Customer API routes → Checkout: dispatches
- Customer API routes → Orders and tracking: dispatches
- Admin API routes → Product management: dispatches
- Admin API routes → Category management: dispatches
- Admin API routes → Inventory management: dispatches
- Admin API routes → Order management: dispatches
- Admin API routes → Customer management: dispatches
- Admin API routes → Dashboard reporting: dispatches
- Checkout → Simulated payments: requests payment
- Authentication → Sequelize models: reads/writes users
- Catalog and categories → Sequelize models: reads catalog
- Shopping cart → Sequelize models: reads/writes cart
- Address book → Sequelize models: reads/writes addresses
- Checkout → Sequelize models: reads/writes checkout data
- Simulated payments → Sequelize models: records payment
- Orders and tracking → Sequelize models: reads/writes orders
- Product management → Sequelize models: manages products
- Category management → Sequelize models: manages categories
- Inventory management → Sequelize models: updates stock
- Order management → Sequelize models: manages orders
- Customer management → Sequelize models: reads customers
- Dashboard reporting → Sequelize models: reads metrics
- Sequelize models → PostgreSQL: persists via