🍔 Food Delivery Web Application

---

A full-stack Food Delivery Application that allows users to browse meals, add items to cart, place orders, and manage deliveries in real time. This project demonstrates modern web development using a React frontend, Node.js/Express backend, and MongoDB database with secure authentication and RESTful APIs.

---

🚀 Features

• User Authentication (Login / Signup)
• Otp verification
• Browse Food Items by Category or Restaurant
• Add to Cart & Update Quantity
• Secure Checkout System
• Map integration
• Admin Panel for Managing Items
• REST API Integration
• Responsive UI (Mobile Friendly)

---

🛠️ Tech Stack

Frontend

• React (Vite)
• Axios
• React Router
• Redux
• Tailwind
• Framer Motion
• Leaflet and OpenStreetMap

Backend

• Node.js
• Express.js
• MongoDB (Mongoose)
• JWT Authentication
• dotenv
• Redis
• Fast2SMS

---

📁 Project Structure

food-delivery/
│
├── backend/              # Express Server
├── frontend/             # React App
└── README.md

---

⚙️ Backend Setup Instructions

1️⃣ Navigate to Backend Folder

cd backend

2️⃣ Install Dependencies

npm install

3️⃣ Create .env File

Create a .env file inside backend/ and add:

PORT=5000
NODE_ENV=development
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_super_secret_jwt_key
FAST2SMS_KEY=your_fast2sms_api_key
FRONTEND_URL=http://localhost:5173
RAZORPAY_KEY_ID=your_razorpay_key_id
RAZORPAY_KEY_SECRET=your_razorpay_key_secret
REDIS_URL=your_redis_connection_url

---

4️⃣ Start Backend Server

npm run dev

Server will run at:

http://localhost:5000

---

💻 Frontend Setup Instructions

1️⃣ Navigate to Frontend Folder

cd frontend

2️⃣ Install Dependencies

npm install

3️⃣ Configure API Base URL

Create .env inside frontend:

VITE_API_URL=http://localhost:5000
RAZORPAY_KEY_ID=your_razorpay_key_id

4️⃣ Start Frontend

npm run dev

Frontend will run at:

http://localhost:5173

---

🧪 Run Full Project (Quick Start)

Open two terminals:

Terminal 1

cd backend
npm install
npm run dev

Terminal 2

cd frontend
npm install
npm run dev

---

📸 Screenshots

Add screenshots in a screenshots/ folder and link like:

---

🎥 Demo Video

Project1.mp4

---

📦 Future Improvements

• Online Payment Integration (Stripe/Razorpay)
• Real-time Order Tracking
• Admin Dashboard Analytics
• Docker Deployment

---

👨‍💻 Author

Ajay
B.Tech Computer Science