{"id":28796268,"url":"https://github.com/bocaletto-luca/cocktail-explorer","last_synced_at":"2026-04-30T16:33:46.338Z","repository":{"id":295977480,"uuid":"991895457","full_name":"bocaletto-luca/Cocktail-Explorer","owner":"bocaletto-luca","description":"Cocktail Explorer is an interactive web application designed to help you discover and explore a wide variety of cocktails using a free API. This project dynamically fetches cocktail data—including images, names, descriptions, and preparation instructions—and presents the information through a sleek and responsive interface built with HTML, CSS, Jav","archived":false,"fork":false,"pushed_at":"2025-05-28T10:14:13.000Z","size":24,"stargazers_count":8,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-30T16:33:35.540Z","etag":null,"topics":["api","api-free","bocaletto-luca","cocktails","cocktails-api","css3","database","html5","javascript","multidevice","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:02:22.000Z","updated_at":"2026-01-14T15:36:35.000Z","dependencies_parsed_at":"2025-06-02T23:47:47.246Z","dependency_job_id":null,"html_url":"https://github.com/bocaletto-luca/Cocktail-Explorer","commit_stats":null,"previous_names":["bocaletto-luca/cocktail-explorer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bocaletto-luca/Cocktail-Explorer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FCocktail-Explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FCocktail-Explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FCocktail-Explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FCocktail-Explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bocaletto-luca","download_url":"https://codeload.github.com/bocaletto-luca/Cocktail-Explorer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bocaletto-luca%2FCocktail-Explorer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32470879,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"ssl_error","status_checked_at":"2026-04-30T13:12:06.837Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","api-free","bocaletto-luca","cocktails","cocktails-api","css3","database","html5","javascript","multidevice","responsive","ricette","webapp"],"created_at":"2025-06-18T03:11:48.427Z","updated_at":"2026-04-30T16:33:46.320Z","avatar_url":"https://github.com/bocaletto-luca.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cocktail Explorer | API FREE | Database | WEBAPP\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\nCocktail Explorer is an interactive web application designed to help you discover and explore a wide variety of cocktails using a free API. This project dynamically fetches cocktail data—including images, names, descriptions, and preparation instructions—and presents the information through a sleek and responsive interface built with HTML, CSS, JavaScript, and Bootstrap 5.\n\n## Features\n\n- **Responsive Design:** Enjoy a seamless browsing experience across desktops, tablets, and mobile devices.\n- **Free API Integration:** Retrieve cocktail data from a free public API (such as [TheCocktailDB](https://www.thecocktaildb.com/)).\n- **Visual Appeal:** Displays high-quality images of each cocktail alongside its name.\n- **Detailed Information:** View comprehensive cocktail details including descriptions and preparation methods.\n- **Dynamic Modal Display:** Click on any cocktail card to open a modal window with further details about the selected cocktail.\n- **Pagination \u0026 Filtering:** Navigate through multiple pages of cocktails and easily filter or search for your favorite drinks.\n\n## Technologies Used\n\n- **HTML5**\n- **CSS3**\n- **JavaScript**\n- **Bootstrap 5**\n\n## Getting Started\n\n### Prerequisites\n\nCocktail Explorer runs directly in any modern web browser without additional dependencies. For development, it is recommended to use an editor with live preview functionality (like Visual Studio Code with the Live Server extension).\n\n### Installation\n\n1. **Clone the Repository**\ngit clone https://github.com/bocaletto-luca/Cocktail-Explorer.git cd cocktail-explorer\n\n2. **Launch the Application**\n\n- Open the `index.html` file in your preferred web browser.\n- Alternatively, use a live-reload server via your code editor to see changes in real time.\n\n## How It Works\n\n- **Data Fetching:** Utilizes JavaScript’s Fetch API to request cocktail data from a free API such as TheCocktailDB. The application processes the JSON response and dynamically creates cocktail cards.\n- **Dynamic Display:** Each card features a cocktail image, its name, and a brief description. Clicking on a card opens a modal with detailed preparation instructions and additional information.\n- **Filtering \u0026 Pagination:** Users can search or filter cocktails, and the application divides large datasets into manageable pages for easy navigation.\n\n## Contributing\n\nContributions are very welcome! If you’d like to improve the project or add new features, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature or fix:\n5. Open a Pull Request against the main branch of the original repository.\n\n## License\n\nThis project is licensed under the **GNU General Public License v3.0 (GPLv3)**. See the [LICENSE](LICENSE) file for more details.\n\n## Contact\n\nFor questions, suggestions, or feedback, please open an issue in this repository or contact the maintainer via GitHub.\n\n---\n\n#### Enjoy WEBAPP - By Bocaletto Luca\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbocaletto-luca%2Fcocktail-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbocaletto-luca%2Fcocktail-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbocaletto-luca%2Fcocktail-explorer/lists"}