Cocktails

15th of 15 React Projects following John Smilga tutorial from FreeCodeCamp course. This is a cocktail list and you can click in one of the Home page drinks or looking for a specific one. We are using the cocktailDB API to return the data(name of the drink, ingredients, image, if is alcoholic or not and info). The React Hooks useReduce, UseRef, UseState and useEffect were used to provide data between various components, give functionality to the buttons, and fetch data from the external API.

🛠 Tools:

  • React
  • JavaScript
  • HTML5
  • CSS

See yourself!

you can test here 🍹

project ilustration

Author



Gustavo Goulart

Let's keep in touch! 👋🏽

Twitter Badge Linkedin Badge