How rikeshacharya/ecommerce works
This is a browser-based stationery e-commerce application with a Django backend. The visible workflow routes users through the React app to shop, view products, manage a cart, and access account and order pages; staff have separate administration pages. Sampled frontend services send authenticated HTTP requests through a shared Axios client. The tree also shows category, wishlist, quote, and review capabilities. Backend implementation links are limited because its URL, view, and model source was not sampled.
Main entry points: App.tsx App routing · client.ts HTTP client · productService.ts Product service · cartService.ts Cart service
Components 29
Web application
- App routing
frontend/src/App.tsx - HTTP client
frontend/src/api/client.ts
Shopping features
- Product catalog
frontend/src/components/ProductCatalog.tsx - Product details
frontend/src/pages/ProductDetail.tsx - Cart
frontend/src/pages/Cart.tsx - Checkout
frontend/src/pages/Checkout.tsx - Categories
frontend/src/pages/CategoryList.tsx - Orders
frontend/src/pages/OrderList.tsx - Product service
frontend/src/api/services/productService.ts - Cart service
frontend/src/api/services/cartService.ts - Order service
frontend/src/api/services/orderService.ts - Category service
frontend/src/api/services/categoryService.ts - Wishlist service
frontend/src/api/services/wishlistService.ts - Quote service
frontend/src/api/services/quoteService.ts - Review service
frontend/src/api/services/reviewService.ts
Account features
- Authentication state
frontend/src/context/AuthContext.tsx - Login
frontend/src/components/Login.tsx - Profile
frontend/src/pages/Profile.tsx - Addresses
frontend/src/pages/AddressList.tsx - Auth service
frontend/src/api/services/authService.ts
Administration
- Admin dashboard
frontend/src/pages/AdminDashboard.tsx - Admin products
frontend/src/pages/AdminProducts.tsx - Admin orders
frontend/src/pages/AdminOrders.tsx - Admin categories
frontend/src/pages/AdminCategories.tsx - Admin users
frontend/src/pages/AdminUsers.tsx
Backend API
- Django routes
backend/backend/urls.py - API views
backend/ecommerceAPP/views_api.py - Commerce models
backend/ecommerceAPP/models.py
Other components
- Shopper
Connections 25
- Shopper → App routing: uses
- App routing → Product catalog: routes to
- App routing → Product details: routes to
- App routing → Cart: routes to
- App routing → Checkout: routes to
- App routing → Categories: routes to
- App routing → Orders: routes to
- App routing → Login: routes to
- App routing → Profile: routes to
- App routing → Addresses: routes to
- App routing → Admin dashboard: routes to
- App routing → Admin products: routes to
- App routing → Admin orders: routes to
- App routing → Admin categories: routes to
- App routing → Admin users: routes to
- App routing → Authentication state: provides state
- Product service → HTTP client: sends requests
- Cart service → HTTP client: sends requests
- Order service → HTTP client: sends requests
- Category service → HTTP client: sends requests
- Wishlist service → HTTP client: sends requests
- Quote service → HTTP client: sends requests
- Review service → HTTP client: sends requests
- Auth service → HTTP client: sends requests
- HTTP client → Django routes: HTTP requests