🍅 Foodify - Full Stack Food Delivery App

Foodify is a full-stack food delivery application inspired by Zomato/Swiggy. It allows users to browse restaurants, place orders, and make online payments. Admins can manage food listings and monitor orders via a dedicated dashboard.

---

🚀 Tech Stack

Frontend:

• React.js (with React Router)
• Axios
• Stripe for payment
• CSS (Tailwind)

Backend:

• Node.js
• Express.js
• MongoDB (Mongoose)
• Stripe Webhooks (for payment verification)
• JWT (for authentication)

Deployment:

• Frontend: Render
• Backend: Render
• Database: MongoDB Atlas

---

✨ Features

👤 User Side

• Browse food items by category
• Add to cart and place orders
• Online payment integration (Stripe)
• View past orders

🔐 Admin Panel

• View all orders
• Manage food items
• Monitor payments and user activity

---

🛠️ Getting Started (Local Setup)

1. Clone the repository

   git clone https://github.com/yourusername/food-app.git

2. Install Frontend Dependencies

   cd fronted
   npm install
   npm start

3. Install Backend Dependencies

   cd Backend
   npm install
   npm run dev

4. Set up Environment Variables

   Create a .env file in Backend/:

   PORT=8080
   MONGODB_URL=your_mongo_uri
   STRIPE_SECRET_KEY=your_stripe_secret_key
   FRONTEND_URL=http://localhost:3000

---

🌐 Live Demo

• Frontend:https://food-del-fronted-ibvk.onrender.com/
• Backend:https://food-del-fronted-ibvk.onrender.com/

---

💳 Stripe Test Card

To test payments, use:

Card: 4242 4242 4242 4242
Exp: 12/34
CVC: 123
ZIP: 12345

---

📂 Folder Structure

├── Backend
│   ├── models/
│   ├── routes/
│   ├── controllers/
│   └── app.js
├── fronted
│   ├── src/
│   └── public/

---

🧑‍💻 Author

• [ayan hakee]m(https://github.com/ayanhakeem)
• Feel free to contribute or raise issues!

---