How 013harsh/e-commerce works
This is a React/Redux storefront for books and stationery. The principal workflow is: a customer opens the app, browses routed catalog and category pages, views products, adds items to a cart, and manages an Appwrite-backed account. Admin routes provide product creation, editing, and details. Sampled code confirms app-start initialization, Redux selectors/dispatches, user authentication and profile updates, cart dispatching, and Appwrite image storage; several product and cart action implementations were not sampled, so their internal wiring is shown conservatively.
Components 22
Storefront Experience
- App Shell
frontend/src/App.jsx - Route Controller
frontend/src/routes/MainRoutes.jsx - Home Catalog
frontend/src/pages/Home.jsx - Stationery Catalog
frontend/src/pages/product/StationeryProduct.jsx - Category Pages
frontend/src/pages/product/Categories - Book Cards
frontend/src/component/Card/BookCard.jsx - Product Details
frontend/src/pages/admin/ProductDetails.jsx - Cart Page
frontend/src/pages/Cart.jsx - Auth Pages
frontend/src/pages/Login.jsx - Profile Pages
frontend/src/pages/EditProfile.jsx - Admin Products
frontend/src/pages/admin
Redux State
- User State
frontend/src/store/reducer/UserSlice.jsx - Product State
frontend/src/store/reducer/ProductSlice.jsx - Cart State
frontend/src/store/reducer/CartSlice.jsx
Identity Services
- User Actions
frontend/src/store/action/UserAction.jsx - Appwrite Auth
- Browser Storage
Commerce Services
- Product Actions
frontend/src/store/action/ProductAction.jsx - Cart Actions
frontend/src/store/action/CartAction.jsx - Appwrite Storage
- Image Service
frontend/src/appwrite/appwrite.service.js
Other components
- Customer
Connections 24
- Customer → App Shell: opens app
- App Shell → Route Controller: renders routes
- App Shell → User Actions: dispatches user
- App Shell → Product Actions: loads products
- App Shell → Cart Actions: loads cart
- Route Controller → Home Catalog: routes to
- Route Controller → Stationery Catalog: routes to
- Route Controller → Category Pages: routes to
- Route Controller → Book Cards: routes to
- Route Controller → Product Details: routes to
- Route Controller → Cart Page: routes to
- Route Controller → Auth Pages: routes to
- Route Controller → Profile Pages: routes to
- Route Controller → Admin Products: routes to
- Book Cards → Product State: reads products
- Book Cards → Cart Actions: adds item
- Book Cards → Route Controller: navigates
- Product Actions → Product State: updates state
- Cart Actions → Cart State: updates state
- User Actions → User State: loads user
- User Actions → Appwrite Auth: authenticates
- User Actions → Browser Storage: reads/writes
- Profile Pages → User Actions: updates profile
- Image Service → Appwrite Storage: uploads/previews