A modern and responsive Food Menu Website built with HTML, CSS, and JavaScript. The website uses the DummyJSON API to fetch recipe data dynamically and provides users with an interactive food browsing experience.
- 🔍 Search food and recipes
- 🍽️ Browse food by categories
- 🥞 Breakfast, Lunch, Dinner, Snacks & more
- 🥤 Beverage, Appetizer and Dessert categories
- 📡 Fetches recipe data using DummyJSON API
- 🧩 Dynamically renders food cards
- 📱 Fully responsive design
- 🎨 Clean and modern user interface
- ⚡ Fast and interactive user experience
- HTML5
- CSS3
- JavaScript
- DummyJSON API
- Fetch API
The main goal of this project was to practice JavaScript API integration, fetching external data, dynamically displaying content, implementing search and category filtering, and creating a responsive and user-friendly food menu interface.
- 🌐 Live Demo: https://food-menu-navy.vercel.app/
- 💻 GitHub Repository: https://github.com/Saqibcoder99/Food-Menu
Saqib Javaid
Frontend Developer | HTML, CSS & JavaScript | Learning React.js
📍 Karachi, Pakistan
- LinkedIn: https://www.linkedin.com/in/saqib-javaid-a42301381
- Portfolio: https://saqibjavaid.vercel.app/
- GitHub: https://github.com/Saqibcoder99
⭐ If you like this project, feel free to give it a star!