Ecommerce-using-MERN

This e-commerce application, built with the MERN stack (MongoDB, Express, React, Node.js), provides a comprehensive online shopping experience.

Key features include:-

User Authentication: Secure registration and login pages for user account management.

Product Management: Admin functionality for creating, editing, and managing product categories and individual products.

Shopping Cart: A dynamic cart system where users can add items, review their selections, and proceed to checkout.

Order Processing: Admin dashboard to view, edit, and process orders, including detailed order information.

Payment Integration: Seamless payment gateway integration with Braintree for secure transactions.

Data Management: Utilizes MongoDB Atlas for robust data storage and management.

This project showcases a full-featured e-commerce platform with a focus on user experience, efficient management, and secure transactions.

What i used

1. Project Setup and Configuration:

   • MERN Stack Setup: Initial project setup and configuration.
   • dotenv: For managing environment variables.

2. Backend Development:

   • Node.js: For server-side JavaScript execution.
   • Express: For building RESTful APIs and handling server-side logic.
   • MongoDB Atlas: For database management.
   • Mongoose: For MongoDB object modeling and schema definition.
   • JWT (JSON Web Tokens): For user authentication and authorization.
   • bcrypt: For hashing passwords and securing user credentials.
   • Nodemon: For automatic server restarts during development.
   • Braintree: For integrating payment gateway functionalities.

3. Frontend Development:

   • React: For building the user interface.
   • React Router: For client-side routing and navigation.
   • Axios: For making HTTP requests to the backend.
   • Bootstrap: For UI components and styling.
   • Context API: For state management and handling user authentication.

4. Testing and Tools:

   • Postman: For API testing and debugging.

5. additional Features:

   • Protected Routes:: Middleware for securing routes and ensuring only authenticated users can access certain pages.
   • SEO Optimization:: Enhancements for search engine optimization

Requirements

• Basic Knowledge: React.js, HTML & CSS
• Backend: Node.js & Express, MongoDB & Mongoose, JWT & bcrypt
• Frontend: React.js & React Router, Axios, Bootstrap / Material-UI
• Tools: Postman, dotenv
• Additional: Basic CRUD operations, state management with Context API

Installation

Download Node Modules: Navigate to the server directories and run the following to install the necessary dependencies.

  npm install
  cd client
  npm install

Configure Environment: Create a .env file in the root directory and set up your MongoDB Atlas connection string.

Start the Project: To start the development server and launch the project.

  npm run dev

Tools Used

Code Editor: VS Code

API Testing: Postman

Database: MongoDB Atlas

Screenshots