Foodie

Abstract

1. Introduction

Designed for performance, accessibility, and user delight — it offers an effortless browsing and ordering experience across all devices.

2. Objective

Fully Responsive Food Delivery App A sleek, mobile-first food delivery platform built with modern web technologies to ensure seamless user experience across all devices. Designed with accessibility, performance, and scalability in mind, this app empowers users to browse menus, customize orders, and track deliveries with ease.

This project demonstrates how HTML can be applied to a real-world Mobile App Development problem.

3. Key Features / Modules

• Using VS Code Live Server (recommended):
• Install the Live Server extension.
• Right‑click html/index.html → Open with Live Server.
• Using Node (http-server):
• Using Python (built‑in simple server):
• Open the homepage (html/index.html)
• Allow location permission when prompted
• You should see:
• Nearby top-rated restaurant markers on map
• Ranked list with name, rating, distance, and open/closed status

4. Technology Stack

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• A modern web browser
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/janavipandole/Foodie.git
cd Foodie

1. 1⃣ Get Your Measurement ID
2. Go to Google Analytics → Admin → Data Streams → Web
3. Copy your Measurement ID (looks like G-XXXXXXXXXX)
4. 2⃣ Add Tracking Script
5. NOTE:- Replace G-XXXXXXXXXX with your actual Measurement ID.
6. 3⃣ Verify Tracking
7. Visit your website and interact with it
8. Open Google Analytics → Realtime → View Stream ID

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add push notifications with Firebase Cloud Messaging
• Add offline support with local caching
• Publish an internal test build on the Play Store

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Which framework is used and why (native vs cross-platform)?
2. How is app state managed across screens?
3. Where is the data stored — locally, Firebase or a REST backend?
4. How are permissions (camera, location, storage) handled?
5. How would you publish this app to the Play Store / App Store?

9. Source Code & License

This project is developed by janavipandole and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.