🍔 Food Delivery Website
A modern and user-friendly food delivery platform where customers can browse restaurants, order food, and get it delivered to their doorstep. This project provides a seamless online food ordering experience with real-time tracking, secure payments, and an intuitive UI.
🚀 Live Demo
📍 Live URL: Food Delivery Website
🔧 Features
✔ Browse Restaurants – Users can explore restaurants based on location, cuisine, and ratings. ✔ Add to Cart & Checkout – Easy selection of food items with a smooth checkout process. ✔ Real-time Order Tracking – Track orders from restaurant preparation to doorstep delivery. ✔ Secure Payment Integration – Multiple payment options (Credit/Debit cards, UPI, PayPal, etc.). ✔ User Authentication – Secure login & signup with JWT authentication. ✔ Admin Dashboard – Restaurant owners can manage menus, orders, and deliveries. ✔ Customer Reviews & Ratings – Users can leave feedback for restaurants.
🎯 Problem Statement
Ordering food online should be quick, convenient, and efficient. However, many food delivery platforms lack:
User-friendly navigation
Fast and secure payments
Real-time order tracking
Seamless restaurant management
This project aims to solve these issues by providing an optimized food ordering platform that enhances both customer and restaurant owner experience.
🛠 Tech Stack
✨ Frontend:
React.js (for dynamic UI)
Tailwind CSS / Bootstrap (for styling)
✨ Backend:
Node.js + Express.js (for REST API)
MongoDB / PostgreSQL (for database)
✨ Authentication:
JWT (JSON Web Token) authentication
✨ Payment Integration:
Stripe / Razorpay (for secure online transactions)
✨ Other Technologies:
Firebase (for notifications)
Cloudinary (for image storage)
🛠 Installation & Setup
Follow these steps to run the project locally:
(http://127.0.0.1:5500/index.html) http://127.0.0.1:5500/index.html
cd food-delivery-website
npm install
npm start
🛠 Backend Setup
Follow these steps to start the backend server:
cd backend
npm install
MONGO_URI=your-mongodb-connection-string JWT_SECRET=your-secret-key
npm start
🏢 Deployment Guide
🌐 Frontend Deployment (Vercel / Netlify)
Push your frontend code to GitHub.
Go to Vercel or Netlify and connect your GitHub repo.
Click "Deploy" and wait for the site to be live!
🛠 Backend Deployment (Render / Railway)
Push your backend code to GitHub.
Go to Render / Railway.app and select "New Web Service".
Choose Node.js Environment.
Set Environment Variables (MONGO_URI, JWT_SECRET).
Click "Deploy".
Your backend will be live at https://your-app.onrender.com.
📈 API Documentation
Postman API Docs: View Documentation
Example API Endpoints:
GET /foods # Fetch all food items POST /signup # User signup POST /login # User login POST /order # Place an order
💎 Screenshots & UI Preview
🌟 Contributors
Your Name - GitHub
💡 Next Steps
🛡 License
This project is open-source under the MIT License.
💪 Support
If you like this project, please ⭐ the repository and share it with others! 🚀
🍔 Food Delivery Website
A modern and user-friendly food delivery platform where customers can browse restaurants, order food, and get it delivered to their doorstep. This project provides a seamless online food ordering experience with real-time tracking, secure payments, and an intuitive UI.
🚀 Live Demo
📍 Live URL: Food Delivery Website
🔧 Features
✔ Browse Restaurants – Users can explore restaurants based on location, cuisine, and ratings. ✔ Add to Cart & Checkout – Easy selection of food items with a smooth checkout process. ✔ Real-time Order Tracking – Track orders from restaurant preparation to doorstep delivery. ✔ Secure Payment Integration – Multiple payment options (Credit/Debit cards, UPI, PayPal, etc.). ✔ User Authentication – Secure login & signup with JWT authentication. ✔ Admin Dashboard – Restaurant owners can manage menus, orders, and deliveries. ✔ Customer Reviews & Ratings – Users can leave feedback for restaurants.
🎯 Problem Statement
Ordering food online should be quick, convenient, and efficient. However, many food delivery platforms lack:
User-friendly navigation
Fast and secure payments
Real-time order tracking
Seamless restaurant management
This project aims to solve these issues by providing an optimized food ordering platform that enhances both customer and restaurant owner experience.
🛠 Tech Stack
✨ Frontend:
React.js (for dynamic UI)
Tailwind CSS / Bootstrap (for styling)
✨ Backend:
Node.js + Express.js (for REST API)
MongoDB / PostgreSQL (for database)
✨ Authentication:
JWT (JSON Web Token) authentication
✨ Payment Integration:
Stripe / Razorpay (for secure online transactions)
✨ Other Technologies:
Firebase (for notifications)
Cloudinary (for image storage)
🛠 Installation & Setup
Follow these steps to run the project locally:
git clone https://github.com/your-username/food-delivery-website.git
cd food-delivery-website
npm install
npm start
🛠 Backend Setup
Follow these steps to start the backend server:
cd backend
npm install
MONGO_URI=your-mongodb-connection-string JWT_SECRET=your-secret-key
npm start
🏢 Deployment Guide
🌐 Frontend Deployment (Vercel / Netlify)
Push your frontend code to GitHub.
Go to Vercel or Netlify and connect your GitHub repo.
Click "Deploy" and wait for the site to be live!
🛠 Backend Deployment (Render / Railway)
Push your backend code to GitHub.
Go to Render / Railway.app and select "New Web Service".
Choose Node.js Environment.
Set Environment Variables (MONGO_URI, JWT_SECRET).
Click "Deploy".
Your backend will be live at https://your-app.onrender.com.
📈 API Documentation
Postman API Docs: View Documentation
Example API Endpoints:
GET /foods # Fetch all food items POST /signup # User signup POST /login # User login POST /order # Place an order
💎 Screenshots & UI Preview
🌟 Contributors
Your Name - GitHub
💡 Next Steps
🛡 Authorised license
This project is open-source under the MIT License.
💪 Support
If you like this project, please ⭐ the repository and share it with others! 🚀