We have created an app that allows a user to search for both alcoholic and non-alcoholic drink recipes that use an ingredient the user provides in the search. We wanted to create an app that helps people to see all of the drink options they have, often with ingredients they already have in their homes.
User puts an ingredient they want to make a drink with in the search bar. They then choose the type of drinks they want (alcoholic, non-alcoholic, or both) and click 'Find Drinks' to get all the drinks that match their search. Users can click on the drink cards to get the full recipe.
Users can also click on the 'Random Drink' button to immediately see a recipe for a random drink.
- React 16
- Redux 4
- CSS
Fork this repository:
https://github.com/relyt4me/stretch-project
Clone your forked repository
git clone and the copied URL
Change into the directory and install the project dependencies
cd into directory and run npm install for dependencies
In terminal, go to the project directory and run 'npm start' to open the project in the browser. Have fun finding a drink to try!
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
See the open issues for a list of proposed features (and known issues).
-
Fork the Project
-
Create your Feature Branch (
git checkout -b feature/AmazingFeature) -
Commit your Changes (
git commit -m 'Add some AmazingFeature') -
Push to the Branch (
git push origin feature/AmazingFeature) -
Open a Pull Request
👤 Tyler Haglund
👤 Taryn Martin
- Github: tarynmartin
- LinkedIn: Taryn
👤 Rachel Williams
- Github: rwilliams659
- LinkedIn: Rachel
Heather Faerber for providing help and feedback on testing with Redux.
Cocktail Database API we used for our drink recipes.