How nguyenthikhanhhang/cnpm works
This is an Angular storefront prototype for ODYDDEY, centered on browsing apparel, managing a cart, signing in, and submitting a delivery order. Customer checkout gates on login and a nonempty cart, then collects delivery details and returns an order to the customer component. The tree also exposes staff order-status and admin interfaces plus a rule-based shopping assistant. Evidence is limited to the sampled component logic; those extra screens’ full behavior and any backend integration are not established.
Main entry points: customer.component.ts Storefront · app.component.ts App shell · customer-login.component.ts Role login · checkout.component.ts Checkout form
Components 12
Customer storefront
- App shell
src/app/app.component.ts - Storefront
src/app/customer/customer.component.ts - Product catalog
src/app/customer/customer.component.ts - Cart and totals
src/app/customer/customer.component.ts
Identity and checkout
- Role login
src/app/customer/customer-login/customer-login.component.ts - Registered accounts
src/app/customer/customer-login/customer-login.component.ts - Checkout form
src/app/customer/checkout/checkout.component.ts - Customer orders
src/app/customer/customer.component.ts
Operations and support
- Staff orders
src/app/staff/staff.ts - Admin interface
src/app/admin/admin.ts - Shopping assistant
src/app/chatbot/chatbot.ts
Other components
- Shopper
Connections 12
- Shopper → App shell: uses
- App shell → Storefront: renders
- Storefront → Product catalog: filters
- Storefront → Cart and totals: updates
- Storefront → Role login: opens
- Role login → Registered accounts: reads/writes
- Storefront → Checkout form: opens after checks
- Checkout form → Storefront: emits order
- Storefront → Customer orders: records order
- Shopper → Staff orders: uses
- Shopper → Admin interface: uses
- Shopper → Shopping assistant: chats