How hazim47/stylehub works
StyleHub is a clothing e-commerce platform with a customer storefront, an admin dashboard, and an Express API. The main customer journey is browsing and inspecting products, managing a cart, checking out, and tracking order status; administrators manage products, orders, coupons, and homepage content. The backend controllers connect these workflows to Sequelize models and external image hosting. README capabilities such as search, categories, favorites, and bilingual support are included, but several related modules were not sampled, so their detailed wiring is not asserted.
Main entry points: app.js API application · pages Shop and checkout · models Commerce models · productController.js Product operations
Components 22
Customer storefront
- Storefront routes
frontend/src/routes/AppRoutes.jsx - Shop and checkout
frontend/src/pages - Cart state
frontend/src/store/cartStore.js - Customer auth
frontend/src/hooks/useAuth.js - API client
frontend/src/api/axios.js
Admin dashboard
- Admin routes
admin/src/App.jsx - Admin operations
admin/src/pages - Admin API client
admin/src/api/axios.js
REST API
- API application
backend/src/app.js - Product routes
backend/src/routes/productRoutes.js - Product operations
backend/src/controllers/productController.js - Order routes
backend/src/routes/orderRoutes.js - Order operations
backend/src/controllers/orderController.js - Homepage routes
backend/src/routes/homepageRoutes.js - Homepage content
backend/src/controllers/homepageController.js - Other API features
backend/src/controllers - Homepage upload middleware
backend/src/middleware/homepageUpload.js
Data and media
- Commerce models
backend/src/models - PostgreSQL database
backend/src/config/database.js - Cloudinary images
Other components
- Customer
- Administrator
Connections 24
- Customer → Storefront routes: uses
- Storefront routes → Shop and checkout: routes to
- Shop and checkout → Cart state: updates
- Shop and checkout → Customer auth: uses
- Shop and checkout → API client: requests data
- Administrator → Admin routes: uses
- Admin routes → Admin operations: routes to
- Admin operations → Admin API client: requests data
- API client → API application: calls API
- Admin API client → API application: calls API
- API application → Product routes: mounts
- API application → Order routes: mounts
- API application → Homepage routes: mounts
- API application → Other API features: mounts features
- Product routes → Product operations: dispatches
- Order routes → Order operations: dispatches
- Homepage routes → Homepage content: dispatches
- Homepage routes → Homepage upload middleware: accepts uploads
- Product operations → Commerce models: reads and writes
- Order operations → Commerce models: reads and writes
- Homepage content → Commerce models: reads and writes
- Commerce models → PostgreSQL database: persists through
- Homepage content → Cloudinary images: uploads and deletes
- Product operations → Cloudinary images: deletes images