How divya4242/react-node-mongodb-docker-project-cicd-github-actions-ec2 works
This is a full-stack e-commerce application: shoppers discover products, inspect details and reviews, manage a cart, check out, and track orders; administrators manage catalog data, orders, and dashboard settings. The React app provides storefront, account, and admin experiences, while the Express server mounts API route modules and connects to MongoDB. The sampled server entry point establishes route mounting and database connection, and sampled auth code shows user persistence and JWT-based login. Other domain wiring is inferred only at the subsystem level from the tree; unsampled calls are not drawn.
Main entry points: app.js Express API · routes/auth.js Auth routes · App.js React app · controller/auth.js Auth controller
Components 27
Storefront
- React app
client/src/App.js - Page routes
client/src/components/index.js - Browse catalog
client/src/components/shop/home - Product details
client/src/components/shop/productDetails - Wishlist
client/src/components/shop/wishlist - Cart interface
client/src/components/shop/partials - Checkout and orders
client/src/components/shop/order
Accounts
- Login and signup
client/src/components/shop/auth - User dashboard
client/src/components/shop/dashboardUser
Administration
- Admin portal
client/src/components/admin - Product management
client/src/components/admin/products - Category management
client/src/components/admin/categories - Order management
client/src/components/admin/orders - Admin dashboard
client/src/components/admin/dashboardAdmin
API and data
- Express API
server/app.js - Auth routes
server/routes/auth.js - Auth controller
server/controller/auth.js - Auth middleware
server/middleware/auth.js - User records
server/models/users.js - Category API
server/routes/categories.js - Product API
server/routes/products.js - Order API
server/routes/orders.js - Customization API
server/routes/customize.js - Payment API
server/routes/braintree.js - MongoDB
server/config/db.js
Other components
- Shopper
- Braintree
Connections 13
- Shopper → React app: uses
- React app → Page routes: renders
- Express API → Auth routes: mounts
- Express API → Category API: mounts
- Express API → Product API: mounts
- Express API → Order API: mounts
- Express API → Customization API: mounts
- Express API → Payment API: mounts
- Auth routes → Auth controller: dispatches
- Auth routes → Auth middleware: checks access
- Auth controller → User records: reads and writes
- Express API → MongoDB: connects
- Payment API → Braintree: integrates