How thutrinh83/project_24ct1_vothithutrinh_congnghephanmem works
ComicHub is a comic-book storefront: shoppers browse and filter products, manage a cart, check out, and view orders; account registration and login support the shopping flow. The React app concentrates these experiences in one file and calls an Express API backed by SQL Server. The sampled source confirms catalog, cart, order, and authentication routes; other UI capabilities are not mapped to backend services because their wiring was not shown.
Main entry points: App.jsx Storefront UI · server.js HTTP API · main.jsx React entry
Components 13
Storefront
- React entry
src/main.jsx - Storefront UI
src/App.jsx - Catalog browsing
src/App.jsx - Cart and checkout
src/App.jsx - Order history
src/App.jsx - Account access
src/App.jsx
Backend API
- HTTP API
backend/server.js - Catalog routes
backend/server.js - Cart routes
backend/server.js - Order routes
backend/server.js - Auth routes
backend/server.js
Persistence
- ComicHub database
Other components
- Shopper
Connections 20
- Shopper → React entry: opens
- React entry → Storefront UI: renders
- Shopper → Catalog browsing: browses
- Shopper → Cart and checkout: manages
- Shopper → Order history: views
- Shopper → Account access: signs in
- Storefront UI → Catalog browsing: displays
- Storefront UI → Cart and checkout: displays
- Storefront UI → Order history: displays
- Storefront UI → Account access: displays
- Storefront UI → HTTP API: fetches
- HTTP API → Storefront UI: returns JSON
- HTTP API → Catalog routes: dispatches
- HTTP API → Cart routes: dispatches
- HTTP API → Order routes: dispatches
- HTTP API → Auth routes: dispatches
- Catalog routes → ComicHub database: queries
- Cart routes → ComicHub database: reads/writes
- Order routes → ComicHub database: reads/writes
- Auth routes → ComicHub database: reads/writes