https://github.com/cilfonegabriel/drink-finder-react
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.
https://github.com/cilfonegabriel/drink-finder-react
bootstrap context-api html react vite
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/cilfonegabriel/drink-finder-react
- Owner: cilfonegabriel
- License: mit
- Created: 2023-11-07T09:08:39.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-11-09T20:06:06.000Z (over 2 years ago)
- Last Synced: 2025-06-04T05:53:30.214Z (about 1 year ago)
- Topics: bootstrap, context-api, html, react, vite
- Language: JavaScript
- Homepage: https://drink-finder-react-fawn.vercel.app/
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Drink Finder App
- [📗 Table of Contents](#-table-of-contents-)
- [📖 About the Project](#-about-the-project-)
- [🚀 Live Demo](#-live-demo-)
- [🛠 Built With](#-built-with-)
- [Tech Stack](#tech-stack-)
- [Key Features](#key-features-)
- [🚀 Getting Started](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors](#-authors-)
- [🤝 Contributing](#-contributing-)
- [📝 License](#-license-)
**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.
This app was created as part of the course "React - The Complete Guide: Hooks Context Redux MERN +15 Apps"!
Use the API of: https://thecocktaildb.com/api.php
- [Live Demo](https://drink-finder-react-fawn.vercel.app/)
Cliente
To get a local copy up and running, follow these steps.
### Setup
1. Clone this repository to your desired folder:
```sh
git https://github.com/cilfonegabriel/drink-finder-react.git
cd drink-finder-react
### Install
After cloning the repo, navigate into it and install all the required packages with the following command:
```sh
### Install
After cloning the repo, navigate into it and install all the required packages with the following command:
```sh
npm install
```
Then just wait for everything to finish downloading.
### Usage
Start the React app:
`npm run dev`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
`npm run eject`
### Deployment
You can deploy this project using:
`npm run build`
This project is deployed in Vercel.
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
👤 **Gabriel -Cilfone**
- GitHub: [Gabriel Cilfone](https://github.com/cilfonegabriel)
- LinkedIn: [Gabriel Cilfone](www.linkedin.com/in/gabriel-cilfone/)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/cilfonegabriel/drink-finder-react/issues).
This app was created as part of the course "React - The Complete Guide: Hooks Context Redux MERN +15 Apps"!
This project is [MIT](./LICENSE) licensed.