This is a MERN (MongoDB, Express.js, React, Node.js) stack e-commerce project currently under development. The goal is to build a full-featured online shopping platform with user authentication, product browsing, cart functionality, and more.
This project is a work in progress. So far, basic user authentication and some static pages have been implemented. More core features like product listings, checkout, and admin functionality are coming soon.
- User Registration
- User Login & Logout
- Auth Context using React Context API
- JWT-based authentication (backend)
- Secure password storage using bcrypt
- Home Page
- About Page
- Contact Page
- Policy Page
- Category Page (placeholder)
- Cart Page (placeholder)
- 404 Error Page
- User Model (MongoDB)
- Auth Routes & Controllers
- Middleware for secure routes (in progress)
- Basic route structure in place
- Pages like Home, Login, About, Contact, etc. are lazy-loaded to improve performance and reduce initial bundle size.
- A fallback
Loadingcomponent ensures a smooth user experience while components are being loaded.
- Authentication state (user & token) is managed globally using React’s Context API and a custom
useAuthhook for clean access across components.
- Passwords are securely hashed using
bcrypt. - JWT tokens are used for authentication and session management.
- Sensitive credentials are stored in
.envfiles to keep them out of the source code.
- User-friendly toast messages using
react-toastifyfor login, logout, errors, and more.
- Common UI components like
Header,Footer, andLoadingare modular and reused across pages.
| Tech | Description |
|---|---|
| Frontend | React, React Router, React Toastify |
| Backend | Node.js, Express.js |
| Database | MongoDB, Mongoose |
| Auth | JWT, bcrypt |
| Dev Tools | Nodemon, concurrently, dotenv |
- Node.js & npm
- MongoDB (local or Atlas)
git clone https://github.com/bharat40/MERN-WEBSITE-E-COMMERCE.git
cd MERN-WEBSITE-E-COMMERCE