View five of the most popular and refreshing cocktails to imbibe this summer or any time of the year because why not? Every cocktail comes with name + ingredients + recipes. Improve your existing or nonexistent mixology skills by following their recipe list. Enjoy!
Deployed Website: https://ram-bor.github.io/UI-Pattern-Project/
The User Interface pattern that I used for this website is a modal window. Simply hover over an image and click to display a modal containing an enhanced image of a cocktail along with its information. An X signifies the button to close the modal window.
For the API, I used data from https://www.thecocktaildb.com/api.php and a few images sourced from https://unsplash.com/ since a few images were blurry and outdated.
- HTML
- CSS
- Javascript
- Clone down repo: https://github.com/ram-bor/UI-Pattern-Project
- cd into correct directory
- Open index.html in preferred browser (Chrome recommended)