{"id":24110619,"url":"https://github.com/cilfonegabriel/drink-finder-react","last_synced_at":"2026-04-17T07:32:11.759Z","repository":{"id":205959740,"uuid":"715497322","full_name":"cilfonegabriel/drink-finder-react","owner":"cilfonegabriel","description":" This is a web app for searching and viewing drink recipes in a modal window. It connects to an API for drink data. Built with React, Vite, and uses Context API for state management. Styled with Bootstrap for UI design.","archived":false,"fork":false,"pushed_at":"2023-11-09T20:06:06.000Z","size":1408,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-06-04T05:53:30.214Z","etag":null,"topics":["bootstrap","context-api","html","react","vite"],"latest_commit_sha":null,"homepage":"https://drink-finder-react-fawn.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cilfonegabriel.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}},"created_at":"2023-11-07T09:08:39.000Z","updated_at":"2023-11-09T20:48:09.000Z","dependencies_parsed_at":"2025-01-11T01:15:50.356Z","dependency_job_id":"ed5d110c-bd9e-473e-92ae-c13277ef919c","html_url":"https://github.com/cilfonegabriel/drink-finder-react","commit_stats":null,"previous_names":["cilfonegabriel/drink-finder-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cilfonegabriel/drink-finder-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cilfonegabriel%2Fdrink-finder-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cilfonegabriel%2Fdrink-finder-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cilfonegabriel%2Fdrink-finder-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cilfonegabriel%2Fdrink-finder-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cilfonegabriel","download_url":"https://codeload.github.com/cilfonegabriel/drink-finder-react/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cilfonegabriel%2Fdrink-finder-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31919950,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["bootstrap","context-api","html","react","vite"],"created_at":"2025-01-11T01:15:41.551Z","updated_at":"2026-04-17T07:32:11.737Z","avatar_url":"https://github.com/cilfonegabriel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \n  \u003ch3\u003e\u003cb\u003eDrink Finder App\u003c/b\u003e\u003c/h3\u003e\n\n  \u003cimg src=\"Captura1.png\" alt=\"logo\" height=\"auto\" /\u003e\n  \u003cimg src=\"Captura2.png\" alt=\"logo\" height=\"auto\" /\u003e\n  \u003cimg src=\"Captura3.png\" alt=\"logo\" height=\"auto\" /\u003e\n\n  \u003cbr/\u003e\n\n\u003c/div\u003e\n\n# 📗 Table of Contents \u003ca name=\"table-of-contents\"\u003e\u003c/a\u003e\n\n- [📗 Table of Contents](#-table-of-contents-)\n- [📖 About the Project](#-about-the-project-)\n  - [🚀 Live Demo](#-live-demo-)\n  - [🛠 Built With](#-built-with-)\n    - [Tech Stack](#tech-stack-)\n    - [Key Features](#key-features-)\n  - [🚀 Getting Started](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n  - [👥 Authors](#-authors-)\n  - [🤝 Contributing](#-contributing-)\n  - [📝 License](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 About the Project \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Drink Finder App** is a web application that allows you to search for drinks and view their recipes through a modal window. The application connects to an API to obtain data and information about the drinks. It is built with React, Vite and uses Context API for state management. It also uses Bootstrap for UI design and styling.\n\nThis app was created as part of the course \"React - The Complete Guide: Hooks Context Redux MERN +15 Apps\"!\n\nUse the API of: https://thecocktaildb.com/api.php\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo](https://drink-finder-react-fawn.vercel.app/)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eCliente\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eHTML, JavaScript\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://es.vitejs.dev/\"\u003eVite\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003eContext API\u003c/li\u003e\n    \u003cli\u003eBootstrap\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n# 🚀 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Setup\n\n1. Clone this repository to your desired folder:\n\n```sh\ngit https://github.com/cilfonegabriel/drink-finder-react.git\ncd drink-finder-react\n\n### Install\n\nAfter cloning the repo, navigate into it and install all the required packages with the following command:\n\n```sh\n\n### Install\n\nAfter cloning the repo, navigate into it and install all the required packages with the following command:\n\n```sh\n\nnpm install\n\n\n```\n\nThen just wait for everything to finish downloading.\n\n### Usage\n\nStart the React app:\n\n`npm run dev`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n`npm run eject`\n\n\n### Deployment\n\nYou can deploy this project using:\n\n`npm run build`\n\nThis project is deployed in Vercel.\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Gabriel -Cilfone**\n- GitHub: [Gabriel Cilfone](https://github.com/cilfonegabriel)\n- LinkedIn: [Gabriel Cilfone](www.linkedin.com/in/gabriel-cilfone/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/cilfonegabriel/drink-finder-react/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n This app was created as part of the course \"React - The Complete Guide: Hooks Context Redux MERN +15 Apps\"!\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcilfonegabriel%2Fdrink-finder-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcilfonegabriel%2Fdrink-finder-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcilfonegabriel%2Fdrink-finder-react/lists"}