Full-Stack E-commerce Website

This project is a full-stack e-commerce platform that allows users to browse products, add items to their cart, and securely make purchases. Admins can manage product inventories, view orders, and perform other administrative tasks via a dedicated admin panel.

---

Features

• User Functionality:

  • Browse and search for products.
  • Add products to a shopping cart and proceed to checkout.
  • Secure authentication and authorization for user accounts.

• Admin Panel:

  • Add, update, and delete product listings.
  • View and manage customer orders.

• Responsive Design:

  • Fully responsive UI built with React and CSS for seamless performance across devices.

  For User :

  

  For Adminpanel :

  

---

Technologies Used

• Frontend: React, CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• API Development: REST APIs
• Tools: Git, Postman

---

Installation and Setup

Prerequisites

Ensure you have the following installed:

• Node.js
• MongoDB
• Git

Steps

1. Clone the repository:

   https://github.com/FahithKRM/E-commerce---MERN.git

2. Install dependencies for both the frontend and backend:

   npm install

3. Configure environment variables:

   MONGO_URI=<your_mongo_database_url>
   JWT_SECRET=<your_jwt_secret>

4. Start the development server for backend and frontend:

   cd server
   npm run dev

   cd client
   npm run dev

   cd admin
   npm run dev

Usage

• Access the website on http://localhost:5000.
• Admins can log in to the admin panel to manage products and orders.

Skills Demonstrated

• Designed and implemented a responsive UI/UX with React and CSS.
• Built a secure and scalable backend with Node.js and Express.js.
• Integrated REST APIs for seamless frontend-backend communication.
• Managed database operations with MongoDB.
• Enhanced debugging and API testing using Postman.