A modern, mobile-first restaurant menu application built entirely with Vanilla JavaScript, HTML5, and CSS3. This project simulates a real-world QR code menu experience, fetching data dynamically from a JSON file and handling navigation between menu and detail views without a framework.
- Dynamic Rendering: Menu items are fetched and rendered asynchronously from a local JSON database.
- Category Filtering: Users can filter items (e.g., Burgers, Drinks) instantly.
- Product Details: Dedicated detail pages populated via URL parameter parsing (
window.location.search). - Mobile-First Design: Fully responsive layout optimized for mobile screens (QR usage context).
- Pure JavaScript: Built with zero dependencies, demonstrating core DOM manipulation skills.
| Category | Technologies |
|---|---|
| Core | JavaScript (ES6+) |
| Markup & Style | HTML5, CSS3 |
| Data Source | JSON (Fetch API) |
| Icons | Bootstrap Icons / FontAwesome |
Contributing 🤝
Contributions, issues, and feature requests are welcome!