How princejha08/nexfix works
NexFix is a hardware, paint, and sanitaryware e-commerce store. Shoppers browse products, manage accounts and addresses, add items to a cart, complete checkout, and track orders; admins also manage catalog and orders. The graph shows the React route shell, Express route mounting, and source-confirmed product, user, review, and payment interactions. The README documents additional cart, address, order, and admin capabilities, but their internal wiring is not fully shown in the sampled source.
Main entry points: App.jsx React App · order.controller.js Order Controller · app.js Express App · user.controller.js User Controller
Components 28
Storefront
- React App
frontend/src/App.jsx - Catalog Pages
frontend/src/components/pages/ProductList.jsx - Product Page
frontend/src/components/pages/Product.jsx - Home Page
frontend/src/components/pages/HomePage.jsx - Cart Page
frontend/src/components/pages/MyCart.jsx - Order Tracking
frontend/src/components/pages/MyOrders.jsx
Accounts
- Account Forms
frontend/src/components/forms/CreateAccount.jsx - Login
frontend/src/components/LogIn.jsx - Address Forms
frontend/src/components/forms/AddAddressForm.jsx
Backend API
- Express App
backend/src/app.js - Product Routes
backend/src/routes/product.routes.js - Product Controller
backend/src/controller/product.controller.js - User Routes
backend/src/routes/user.routes.js - User Controller
backend/src/controller/user.controller.js - Review Routes
backend/src/routes/review.routes.js - Review Controller
backend/src/controller/review.controller.js - Payment Routes
backend/src/routes/payment.routes.js - Order Controller
backend/src/controller/order.controller.js
Data And Services
- MongoDB
backend/src/db/index.js - Product Model
backend/src/models/product.model.js - User Model
backend/src/models/user.model.js - Cart Model
backend/src/models/cart.model.js - Order Model
backend/src/models/order.model.js - Review Model
backend/src/models/review.model.js - Cashfree
- Cloudinary
Other components
- Shopper
- Admin
Connections 30
- Shopper → React App: uses
- Admin → React App: manages store
- React App → Home Page: routes to
- React App → Catalog Pages: routes to
- React App → Product Page: routes to
- React App → Cart Page: routes to
- React App → Order Tracking: routes to
- React App → Account Forms: routes to
- React App → Login: routes to
- React App → Address Forms: routes to
- Express App → Product Routes: mounts
- Express App → User Routes: mounts
- Express App → Review Routes: mounts
- Express App → Payment Routes: mounts
- Product Routes → Product Controller: dispatches
- Product Controller → Product Model: reads/writes
- Product Controller → Cloudinary: uploads images
- User Routes → User Controller: dispatches
- User Controller → User Model: reads/writes
- User Controller → Cart Model: creates cart
- User Controller → Cloudinary: uploads image
- Review Routes → Review Controller: dispatches
- Review Controller → Product Model: reads/updates
- Review Controller → Review Model: creates review
- Payment Routes → Cashfree: creates payment link
- Order Controller → User Model: reads
- Order Controller → Cart Model: reads/clears
- Order Controller → Order Model: creates/reads
- Order Controller → Product Model: updates stock
- Order Controller → Cashfree: checks payment