Online Food Delivery Web App

An Online Food Delivery Web Application designed to help users browse through a variety of restaurants, place food orders, and make secure payments. This platform is designed to provide a seamless experience for both customers and restaurant owners, with features like real-time order tracking, user authentication, and an intuitive user interface.

Homepage

Key Features

Customer Features:

• User Authentication: Secure login and registration system.
• Browse Restaurants: Explore a variety of restaurants and their menus.
• Add to Cart: Select and add items to the cart for an easy checkout.
• Order Tracking: Real-time tracking of order status.
• Secure Payment Integration: Integrated payment gateway for easy and secure payment (e.g., Razorpay).
• Responsive UI: Fully responsive design for both desktop and mobile devices.

Restaurant Owner Features:

• Restaurant Dashboard: Manage restaurant profile and menu items.
• Order Management: View, update, and manage customer orders.
• Order Status Updates: Update the status of each order (e.g., Pending, In Progress, Delivered).

Admin Features:

• Admin Dashboard: View and manage users, restaurants, and orders.
• Manage Restaurants: Approve or reject restaurant applications.
• View Customer Orders: Track customer orders for analysis.

Tech Stack

• Frontend:

  • HTML, CSS, JavaScript
  • React.js (for interactive UI components)

• Backend:

  • Node.js
  • Express.js (for building RESTful APIs)

• Database:

  • MongoDB (NoSQL Database)

• Authentication:

  • JWT (JSON Web Token) based authentication

• Payment Gateway:

  • Razorpay (or any other payment gateway for secure payments)

• Deployment:

  • Deployed on platforms like Heroku or Vercel (for hosting the application)

Installation Guide

Follow these steps to set up the project locally:

1. Clone the repository

bash git clone https://github.com/khaddeshivam/Online-Food-Delivery-Web-App.git cd Online-Food-Delivery-Web-App `

2. Install Dependencies

Backend Setup:

Navigate to the backend directory and install the required dependencies.

bash cd backend npm install

Frontend Setup:

Navigate to the frontend directory and install the required dependencies.

bash cd frontend npm install

3. Set up Environment Variables

Create a .env file in the backend folder and define the following environment variables:

env MONGO_URI=<your-mongodb-connection-string> JWT_SECRET=<your-secret-key-for-jwt-authentication> RAZORPAY_KEY=<your-razorpay-key> RAZORPAY_SECRET=<your-razorpay-secret>

4. Start the Application

Start the Backend:

Navigate to the backend directory and start the server.

bash cd backend npm start

Start the Frontend:

Navigate to the frontend directory and start the development server.

bash cd frontend npm start

Now, open http://localhost:3000 in your browser to access the application.

Shields and Badges

Authors

Shivam K. (You)

• Github: https://github.com/khaddeshivam
• LinkedIn: https://www.linkedin.com/in/khaddeshivam/
• Portfolio: http://your-portfolio-link.com

Links

• Live Site: https://online-food-delivery-app-eight.vercel.app
• Issue Tracker
• Source Code