Have you ever had a couple of ingredients for a coctktail but never knew what to make, or been a bartender and have someone tell you suprise you with a drink that has Vodka? If so, Cocktail Creator is a webpage to help you find that perfect drink.
- demonstrate mastery of:
- React
- Router
- Asynchronus JavaScript
- End to end testing with Cypress
Visit the homepage and search a specific ingredient you want in your drink! The webpage will automatically filter and display which drinks contain that ingredient.
You are also able to see the directions and recipe for a drink you want! Rate this drink from 1-5 stars so others who visit the app will now how tasty it was.
- Fork this repo - on the top right corner of this page, click the Fork button.
- Clone down the forked repo. To rename your project you can use an optional argument when you run git clone (you replace the [...] with the terminal command arguments):
git clone [remote-address] [what you want to name the repo]
- Once you have cloned the repo, change into the directory and install the project dependencies. Run
npm install
to install project dependencies. - Run
npm start
in the terminal to see the page running in your browser onhttp://localhost:3000/
.Control + C
is the command to stop running the local server. Closing the terminal without stopping the server first could allow the server to continue to run in the background and cause problems. This command is not specific to Webpack; make note of it for future use. - Enjoy!
- Adding a form that allows user to add recipes/drinks.
- Allowing user to favorite drinks
This project used React, React Router, and CSS. Cypress Testing was also used for End to End testing.
This project was built by: