🍽️ BGI Food — Bhopal's Best Food Delivery

A fully responsive, feature-rich food delivery web app built with pure HTML, CSS & JavaScript — no frameworks, no dependencies.

---

📸 Screenshots

🌞 Light Mode	🌙 Dark Mode

🛒 Cart Drawer	📦 Order Tracker

---

✨ Features

Feature	Description
🌓 Dark / Light Mode	Toggle between themes with smooth transitions
🔍 Live Search	Instant menu filtering as you type
🛒 Smart Cart	Add, remove, update quantities with live bill calculation
🎟️ Promo Codes	Apply discount coupons at checkout
🏷️ Menu Filters	Filter by Veg, Non-Veg, Bestseller, Spicy, and more
📊 Sort Options	Sort menu items by price (asc/desc) or rating
❤️ Wishlist	Save favourite dishes for later
📋 Order History	View past orders and reorder with one tap
📦 Order Tracker	Real-time order status progress bar
📍 Address Manager	Switch between saved delivery addresses
👤 Login / Register	Email, Google & OTP sign-in support
🎉 Order Success Screen	Animated confirmation with order number
📱 Fully Responsive	Works perfectly on mobile, tablet & desktop
🍔 Item Detail Modal	Full description, customisation options & add-ons
⭐ Customer Reviews	Star ratings and review cards section
📣 Offer Strip	Auto-scrolling live offer ticker at top

---

🍕 Menu Categories

Biryani · Pizza · Burgers · Momos · Rolls · Thali · Chinese · South Indian · Starters · Desserts · Drinks

With 20+ menu items including bestsellers like:

• 🍚 Hyderabadi Dum Biryani
• 🍕 Paneer Tikka Pizza
• 🥙 Chicken Kathi Roll
• 🥟 Steamed Momos
• 🍛 Dal Makhani Thali
• 🍔 Crispy Veg Burger
• and many more...

---

🛠️ Tech Stack

HTML5       →  Semantic markup & structure
CSS3        →  Custom properties, animations, responsive grid/flexbox
JavaScript  →  Vanilla JS — zero dependencies, zero frameworks
Google Fonts→  Syne (headings) + DM Sans (body)

No npm. No build step. No frameworks. Just open the file and it works. ⚡

---

🚀 Getting Started

Option 1 — Just Open It

# Clone the repo
git clone https://github.com/shubhamnarware67-cmd/bgi-food-bhopal.git

# Navigate to the folder
cd bgi-food-bhopal

# Open directly in your browser
open bgi_food_bhopal.html

Option 2 — Live Server (VS Code)

1. Install the Live Server extension in VS Code
2. Right-click bgi_food_bhopal.html
3. Select "Open with Live Server"

Option 3 — GitHub Pages

Deploy for free on GitHub Pages:

Settings → Pages → Source: main branch → /root → Save

Your app will be live at: https://shubhamnarware67-cmd.github.io/bgi-food-bhopal

---

📁 Project Structure

bgi-food-bhopal/
│
├── bgi_food_bhopal.html     # 🏠 Main application (single file)
├── README.md                # 📖 Project documentation
└── LICENSE                  # ⚖️  MIT License

This is a single-file application — all HTML, CSS, and JavaScript are self-contained in one file for maximum portability.

---

🎨 Design Highlights

• Color Palette — Signature BGI Orange (#FF5722) with deep dark hero section
• Typography — Syne (bold headings) + DM Sans (clean body text)
• Animations — Smooth fadeUp, pulse, pop, float, and scroll ticker
• CSS Variables — Full dark/light theming via :root and [data-theme=dark]
• Glassmorphism — Backdrop blur cards in the hero food mosaic

---

🤝 Contributing

Contributions are welcome! Here's how:

1. Fork this repository
2. Create your feature branch: git checkout -b feature/YourFeature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin feature/YourFeature
5. Open a Pull Request

---

📜 License

MIT License

Copyright (c) 2025 Shubham Narware

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

---

👨‍💻 Author

Shubham Narware

Built with ❤️ from Bhopal, Madhya Pradesh, India 🇮🇳

---

⭐ If you found this project helpful, please give it a star! ⭐

© 2025 Shubham Narware · BGI Food · All Rights Reserved