Meal Explorer is an interactive web application designed to help you discover a variety of recipes using the free Meal API. This project retrieves meal data, categorizes recipes, and presents them in a paginated view so you can easily browse through numerous delicious options. The interface is built with modern web technologies to ensure a smooth and responsive user experience on any device.

• Responsive Design: Enjoy a sleek and dynamic experience on desktops, tablets, and mobile devices.
• Meal API Integration: Retrieve extensive recipe data from the free Meal API.
• Category-Based Navigation: Explore recipes organized by categories to find meals that suit your taste.
• Pagination: Easily navigate through different pages of recipe collections.
• Dynamic Modal Display: Click on any recipe card to open a modal window showing detailed information, including:
  • Ingredients
  • Cooking instructions
  • High-quality images
  • Additional recipe details

• HTML5
• CSS3
• JavaScript
• Bootstrap 5

Meal Explorer runs directly in modern web browsers without any extra dependencies. For development purposes, it is recommended to use a code editor with live reload functionality, such as Visual Studio Code with the Live Server extension.

1. Clone the Repository git clone https://github.com/bocaletto-luca/meal-explorer.git cd meal-explorer

2. Launch the Application

• Open the index.html file in your preferred web browser.
• Alternatively, run a live-reload server through your code editor to preview changes in real time.

• Data Fetching: The application uses JavaScript’s Fetch API to request recipe data from the Meal API. The retrieved JSON data is processed to create dynamic recipe cards.
• Category Filtering: Recipes are grouped by category. Users can select a specific category to filter the displayed recipes.
• Pagination: Recipes are presented in a paginated layout, ensuring that even large sets of data remain easy to navigate.
• Dynamic Modal Display: Clicking on a recipe card opens a modal window that reveals in-depth details about the recipe, including ingredients, instructions, and images.

Contributions are welcome! To contribute to Meal Explorer, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or fix: