Allows users search for cocktails recipes based on drinks name

Cocktail Recipes

Personal Project – Cocktail recipes generator app solution

Overview

The challenge

Users should be able to:

  1. View the optimal layout for the app depending on their device’s screen size
  2. See hover states for all interactive elements on the page
  3. Generate a new set of cocktail recipes by using search words
  4. Generate the full details of the cocktail by clicking the read recipe button
  5. Go back to the previous page when the back button is click in the recipes details page

Screenshot

Links

Built with

  • Reactjs
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow

What I learned

How to fetch data using custom hooks in reactjs with Api How to use Context ,Reducers, and custom theme hook

Author

GitHub

View Github