How harsh-100/daily-mern-stack works
This is a MERN learning repository containing standalone exercises and several sample applications. The clearest end-to-end product workflow is the E-commerce-project storefront: users browse products, manage a cart, and sellers manage products, alongside registration and login. Its React client and Express/MongoDB server are distinct layers; the tree and excerpts also show separate React and Node learning projects. Some client-to-server request wiring and several listed modules were not excerpted, so those links are omitted rather than inferred.
Main entry points: App.jsx Routes and pages · homePage.jsx Product browsing · header.jsx Navigation and cart badge · server.js Express app
Components 29
E-commerce client
- Routes and pages
E-commerce-project/client/src/App.jsx - Product browsing
E-commerce-project/client/src/component/homePage.jsx - Navigation and cart badge
E-commerce-project/client/src/component/header.jsx - Cart page
E-commerce-project/client/src/component/cartpage.jsx - Login
E-commerce-project/client/src/component/loginPage.jsx - Registration
E-commerce-project/client/src/component/registerForm.jsx - Seller products
E-commerce-project/client/src/component/seller-product-page.jsx - Product editor
E-commerce-project/client/src/component/addNewProduct.jsx - Route access and roles
E-commerce-project/client/src/constants/userRoles.js - User actions
E-commerce-project/client/src/store/actions/userActions.js - Redux store
E-commerce-project/client/src/store/store.js - Theme context
E-commerce-project/client/src/theme.jsx
E-commerce server
- Express app
E-commerce-project/server/server.js - API route index
E-commerce-project/server/routes/index.js - Product routes
E-commerce-project/server/routes/productRoutes.js - Product operations
E-commerce-project/server/controllers/productController.js - Product records
E-commerce-project/server/models/productModel.js - Cart operations
E-commerce-project/server/controllers/cartController.js - Cart records
E-commerce-project/server/models/cartModel.js - Database connection
E-commerce-project/server/config/db.js
Learning projects
- React app examples
react-projects/first-react-app/src/App.jsx - Local-storage todo
react-projects/first-react-app/src/prepare/todo-with-localstorage.js - Redux example
react-projects/redux-app/src/App.js - Alternate storefront
react-projects/react-ecommerce-app/src/App.jsx - Node API example
node-development/second-node-app/server.js - User model example
node-development/second-node-app/model/userModel.js
JavaScript practice
- JavaScript exercises
day-27/prepare/arrayMethods.js
Other components
- Shopper
- Seller
Connections 23
- Shopper → Routes and pages: opens storefront
E-commerce-project/client/src/App.jsx - Seller → Routes and pages: opens storefront
E-commerce-project/client/src/App.jsx - Routes and pages → Product browsing: routes to
E-commerce-project/client/src/App.jsx - Routes and pages → Navigation and cart badge: renders
E-commerce-project/client/src/App.jsx - Routes and pages → Cart page: routes to
E-commerce-project/client/src/App.jsx - Routes and pages → Login: routes to
E-commerce-project/client/src/App.jsx - Routes and pages → Registration: routes to
E-commerce-project/client/src/App.jsx - Routes and pages → Seller products: routes to
E-commerce-project/client/src/App.jsx - Routes and pages → Product editor: routes to
E-commerce-project/client/src/App.jsx - Routes and pages → Route access and roles: checks role
E-commerce-project/client/src/App.jsx - Login → User actions: uses actions
E-commerce-project/client/src/component/loginPage.jsx - Registration → User actions: uses actions
E-commerce-project/client/src/component/registerForm.jsx - Product browsing → Navigation and cart badge: renders
E-commerce-project/client/src/component/homePage.jsx - Product browsing → Cart page: adds products
- Navigation and cart badge → Redux store: reads cart state
E-commerce-project/client/src/component/header.jsx - Express app → API route index: mounts routes
E-commerce-project/server/server.js - Express app → Database connection: connects database
E-commerce-project/server/server.js - Product routes → Product operations: dispatches requests
E-commerce-project/server/routes/productRoutes.js - Product operations → Product records: queries records
E-commerce-project/server/controllers/productController.js - Cart operations → Cart records: reads and writes
E-commerce-project/server/controllers/cartController.js - React app examples → Local-storage todo: imports component
react-projects/first-react-app/src/App.jsx - Alternate storefront → React app examples: separate example
- Node API example → User model example: uses model
node-development/second-node-app/server.js