{"id":28796269,"url":"https://github.com/bocaletto-luca/meal-explorer","last_synced_at":"2026-05-08T15:42:30.068Z","repository":{"id":295978215,"uuid":"991899535","full_name":"bocaletto-luca/Meal-Explorer","owner":"bocaletto-luca","description":"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 ...","archived":false,"fork":false,"pushed_at":"2025-05-28T10:18:05.000Z","size":21,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-28T11:25:08.662Z","etag":null,"topics":["api","bocaletto-luca","cibi","css3","database","free-api","html5","javascript","meal","meal-api","meals","open-source","responsive","ricette","webapp"],"latest_commit_sha":null,"homepage":"https://bocaletto-luca.github.io/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bocaletto-luca.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-28T10:10:24.000Z","updated_at":"2025-05-28T10:18:53.000Z","dependencies_parsed_at":"2025-06-02T23:48:38.833Z","dependency_job_id":null,"html_url":"https://github.com/bocaletto-luca/Meal-Explorer","commit_stats":null,"previous_names":["bocaletto-luca/meal-explorer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bocaletto-luca/Meal-Explorer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FMeal-Explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FMeal-Explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FMeal-Explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FMeal-Explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bocaletto-luca","download_url":"https://codeload.github.com/bocaletto-luca/Meal-Explorer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FMeal-Explorer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260477919,"owners_count":23015068,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","bocaletto-luca","cibi","css3","database","free-api","html5","javascript","meal","meal-api","meals","open-source","responsive","ricette","webapp"],"created_at":"2025-06-18T03:11:48.434Z","updated_at":"2026-05-08T15:42:30.062Z","avatar_url":"https://github.com/bocaletto-luca.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Meal Explorer\n#### Author: Bocaletto Luca\n\n[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML) [![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS) [![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript) [![Bootstrap](https://img.shields.io/badge/Bootstrap-7952B3?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white)](https://getbootstrap.com/)\n\nMeal Explorer is an interactive web application designed to help you discover a variety of recipes using the free [Meal API](https://www.themealdb.com/api.php). 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.\n\n## Features\n\n- **Responsive Design:** Enjoy a sleek and dynamic experience on desktops, tablets, and mobile devices.\n- **Meal API Integration:** Retrieve extensive recipe data from the free Meal API.\n- **Category-Based Navigation:** Explore recipes organized by categories to find meals that suit your taste.\n- **Pagination:** Easily navigate through different pages of recipe collections.\n- **Dynamic Modal Display:** Click on any recipe card to open a modal window showing detailed information, including:\n  - Ingredients\n  - Cooking instructions\n  - High-quality images\n  - Additional recipe details\n\n## Technologies Used\n\n- **HTML5**\n- **CSS3**\n- **JavaScript**\n- **Bootstrap 5**\n\n## Getting Started\n\n### Prerequisites\n\nMeal 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.\n\n### Installation\n\n1. **Clone the Repository**\ngit clone https://github.com/bocaletto-luca/meal-explorer.git cd meal-explorer\n\n\n2. **Launch the Application**\n\n- Open the `index.html` file in your preferred web browser.\n- Alternatively, run a live-reload server through your code editor to preview changes in real time.\n\n## How It Works\n\n- **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.\n- **Category Filtering:** Recipes are grouped by category. Users can select a specific category to filter the displayed recipes.\n- **Pagination:** Recipes are presented in a paginated layout, ensuring that even large sets of data remain easy to navigate.\n- **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.\n\n\n## Contributing\n\nContributions are welcome! To contribute to Meal Explorer, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature or fix:\n\n#### Enjoy WEBAPP - By Bocaletto Luca\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbocaletto-luca%2Fmeal-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbocaletto-luca%2Fmeal-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbocaletto-luca%2Fmeal-explorer/lists"}