Ecommerce website Using MERN STACK

Built with :

Get Started

1. Clone the Repository

   git clone https://github.com/sammy429b/ECOM-MERN.git
   cd ECOM-MERN

2. Install Dependencies

   Frontend

   cd Client
   npm install

   Backend

   cd ../Server
   npm install

3. Set Up Environment Variables

   Create .env files in both the client and server directories with the necessary environment variables. Refer .env.example files for required variables.

4. Start the Application

   Backend

   cd Server
   npm run dev

   Frontend

   cd ../Client
   npm run dev

Key Steps

1. Project Setup:
   • Initialized the frontend with React.js and TypeScript.
   • Set up the backend with Node.js, Express.js, and TypeScript.
2. Database Design:
   • Used MongoDB for storing user data.
   • Utilized Redis for managing OTPs.
3. Authentication Service:
   • Implemented JWT for secure token-based authentication.
   • Created routes for user registration, login, OTP verification, and password management.
   • Used bcrypt for secure password hashing.
4. Email Notifications:
   • Integrated Nodemailer for sending automated email notifications for password resets.
5. API Integration:
   • Connected frontend to backend using Axios for API calls.
   • Managed authentication state in React using the context API.
6. Responsive UI Design:
   • Developed a responsive UI with React.js and Shadcn.