Recipe App

Overview

This is a simple Recipe App that fetches recipes from an API, displays them, and allows users to search, filter, and view detailed information about each recipe.

Features

• Fetches and displays recipes from DummyJSON API
• Search functionality to find recipes by name
• Filter recipes based on meal types (Breakfast, Lunch, etc.)
• Pagination (Load More) to fetch more recipes dynamically
• View details of a specific recipe, including ingredients and instructions
• Back(Close) button to return to the main list

Technologies Used

• HTML, CSS, JavaScript for frontend
• Fetch API for handling API requests

API Used

This project uses the DummyJSON API:

• API Endpoint: https://dummyjson.com/recipes

Usage

1. Search Recipes: Type a recipe name in the search bar.
2. Filter Recipes: Click on a meal type to filter recipes.
3. View Details: Click on a recipe to see its ingredients and instructions.
4. Load More Recipes: Click "Load More" to fetch more recipes.
5. Close Recipe Details: Click the X button to return to the main list.

Testing & Debugging

• If the API request fails, the app will display an error message.
• If search results are empty, it shows no results found.