How quwambinuyo/roche works
ZF is a fashion-commerce application with a customer storefront and a separate administration interface. Customers browse and search products, manage a cart and wishlist, then enter checkout; the sampled checkout handler removes selected cart items and shows confirmation, but does not show a backend order request. Admin routes expose product, bundle, category, order, customer, dashboard, and settings areas. Evidence is limited to the README, tree, and sampled files, so unsampled feature and backend connections are not asserted.
Main entry points: AdminRoutes.jsx Admin routes · AppRoutes.jsx Storefront routes · CartContext.jsx Cart state · Home Home and landing
Components 23
Customer storefront
- Catalog and discovery
frontend/src/pages/Shop - Product details
frontend/src/pages/Product - Home and landing
frontend/src/pages/Home - Search
frontend/src/pages/Search/Search.jsx
Shopping state
- Cart
frontend/src/pages/Cart - Cart state
frontend/src/context/CartContext.jsx - Wishlist state
frontend/src/context/WishlistContext.jsx - Checkout
frontend/src/hooks/useCheckoutForm.js - Order history
frontend/src/pages/Orders
Store administration
- Product management
admin/src/pages/products/ProductCreate.jsx - Bundle management
admin/src/pages/bundles/BundleList.jsx - Category management
admin/src/pages/categories/CategoryList.jsx - Order management
admin/src/pages/orders/OrderList.jsx - Customer management
admin/src/pages/customers/CustomerList.jsx - Dashboard
admin/src/pages/dashboard/Dashboard.jsx - Store settings
admin/src/pages/settings/Settings.jsx - Admin authentication
admin/src/pages/auth/Login.jsx
Application platform
- Storefront routes
frontend/src/routes/AppRoutes.jsx - Notifications
frontend/src/context/ToastContext.jsx - Browser storage
frontend/src/utils/localStorage.js - Admin routes
admin/src/routes/AdminRoutes.jsx
Other components
- Customer
- Store administrator
Connections 24
- Customer → Storefront routes: opens
frontend/src/routes/AppRoutes.jsx - Storefront routes → Catalog and discovery: routes to
frontend/src/routes/AppRoutes.jsx - Storefront routes → Product details: routes to
frontend/src/routes/AppRoutes.jsx - Storefront routes → Home and landing: routes to
frontend/src/routes/AppRoutes.jsx - Storefront routes → Search: routes to
frontend/src/routes/AppRoutes.jsx - Storefront routes → Cart: routes to
frontend/src/routes/AppRoutes.jsx - Storefront routes → Checkout: routes to
frontend/src/routes/AppRoutes.jsx - Storefront routes → Order history: routes to
frontend/src/routes/AppRoutes.jsx - Home and landing → Cart state: adds items
frontend/src/pages/Home/ProductCard.jsx - Home and landing → Wishlist state: updates wishlist
frontend/src/pages/Home/ProductCard.jsx - Checkout → Cart state: reads and removes
frontend/src/hooks/useCheckoutForm.js - Checkout → Notifications: shows confirmation
frontend/src/hooks/useCheckoutForm.js - Cart state → Notifications: shows updates
frontend/src/context/CartContext.jsx - Cart state → Browser storage: persists cart
frontend/src/context/CartContext.jsx - Store administrator → Admin routes: opens
admin/src/routes/AdminRoutes.jsx - Admin routes → Admin authentication: routes to
admin/src/routes/AdminRoutes.jsx - Admin routes → Product management: routes to
admin/src/routes/AdminRoutes.jsx - Admin routes → Bundle management: routes to
admin/src/routes/AdminRoutes.jsx - Admin routes → Category management: routes to
admin/src/routes/AdminRoutes.jsx - Admin routes → Order management: routes to
admin/src/routes/AdminRoutes.jsx - Admin routes → Customer management: routes to
admin/src/routes/AdminRoutes.jsx - Admin routes → Dashboard: routes to
admin/src/routes/AdminRoutes.jsx - Admin routes → Store settings: routes to
admin/src/routes/AdminRoutes.jsx - Product management → Product management: uses form controls
admin/src/pages/products/ProductCreate.jsx