Full-Stack Food Delivery Website

This project is a full-stack food delivery platform where customers can browse the menu, place orders, and track their deliveries. Admins can manage food listings, view orders, and perform other administrative tasks via a dedicated admin panel.

---

Features

• User Functionality:

  • Browse and search for food items.
  • Add food items to the cart and proceed to checkout.
  • Secure authentication and order tracking for users.

• Admin Panel:

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

• Responsive Design:

  • Fully responsive UI built with React and CSS for a seamless experience 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:5173.
• 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.