api-team-3

🍽️ Recipe App

A simple one-page restaurant app that displays recipes using external API data. Users can browse dishes, search for meals, add new recipes, and update or delete existing ones. The UI supports switching between list and grid views.

👨‍🍳 Built for API Week Project – Team 3

---

🚀 Features

• 🔍 Search recipes by keyword
• 🍱 View all recipes grouped by tag
• ➕ Add new dishes
• 📑 Toggle between List and Grid view
• 💻 Fully dynamic UI using XMLHttpRequest
• 📱 Responsive, mobile-first design

---

👣 User Journey

1. The user lands on the homepage and sees a list or grid of available recipes.
2. The user can:
   • Filter recipes by MealType (e.g. "dinner", "breakfast")
   • Can show complete recipe.
   • Add new recipes using a dynamic form
   • Toggle between list and grid view using a UI button
3. All content is dynamically updated without page reload.

---

🛠️ Installation & Setup

1. Clone the repository:

git clone https://github.com/Yaffa-Solutions/api-team-3.git
cd api-team-3