UrbanEats

UrbanEats is a responsive web-based food and retail delivery platform. It allows users to explore nearby restaurants, track orders in real-time, and enjoy a seamless food-ordering experience.

Key Features

1. Filter & Category Sidebar: Static food categories (Pizza, Sushi, Indian, Burgers, Desserts) with rating & price filters.
   
2. Restaurant Grid: Displays restaurant cards with image, cuisine, and rating.
   
3. Track Order Page: Static form to check order status using Order ID.
   
4. Light & Dark Mode: Dual-theme CSS with toggle for theme switching.
   
5. Favorites System: Save restaurants to localStorage and view them on the Favorites Page.
   
6. Dynamic Cart Page: Automatically calculates subtotal, delivery fee, and total
   

Tech Stack

🖋️ HTML5 – Semantic structure, elements, and accessibility
🎨 CSS3 – Layout, colors and responsive design
⚙️ JavaScript (ES6) – Dynamic interactivity, filtering, dark mode, and form validation

Project Structure

Project Structure:

URBANEATS/
│
├── .vscode/
│   └── settings.json
│
├── index.html
├── index.css
├── index.js
│
├── favourites.html
├── favourites.css
│
├── cart.html
├── cart.css
├── cart.js
│
├── track.html
├── track.css
├── track.js
│
├── login.html
├── login.css
│
└── README.md

Deployment

Vercel/Netlify recommended

Contributing

1. Fork and create a feature branch
   
2. Commit with clear messages
   
3. Open a PR with context and screenshots for UI changes
   

License

MIT. See LICENSE for details.