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:
- View the optimal layout for the app depending on their device’s screen size
- See hover states for all interactive elements on the page
- Generate a new set of cocktail recipes by using search words
- Generate the full details of the cocktail by clicking the read recipe button
- Go back to the previous page when the back button is click in the recipes details page
Screenshot
Links
- Solution URL:(https://github.com/ibimina/cocktail-recipes)
- Live Site URL: (https://ibimina.github.io/cocktail-recipes/)
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
- Ibimina Hart
- Frontend Mentor –@ibimina
- Twitter – @ibiminaaH
- Linkedin – @ibimina