Paulette-Zaldivar-Flores/Ez-Cocktail

Discover the art of mixology with EZ Cocktails, the ultimate cocktail companion. This user-friendly app allows you to effortlessly search for cocktails by name or ingredient, giving you access to a vast library of delightful concoctions. With handy filtering options for category, alcoholic content, and glass type, you can easily refine your search

EZ Cocktails🍸

Chingu Voyage-40 (geckos-team-20)

Overview

EZ Cocktails is a responsive website where you can search for your favourite cocktails recipes. The website retrieves cocktail data supplied by https://www.thecocktaildb.com/api.php

Features

• Search cocktails by cocktail name and/or ingredient.
• Filter search results by category, alcoholic content and glass type.
• View a multi page list of search results.
• Select and view the ingredients and recipie for a cocktail returned in the search results.
• Use the website on any sized device from phone up to a large monitor.

Running the Project

Live version

https://ez-cocktails.netlify.app/

Running the project locally

1. Clone this project locally.
2. Run npm install in your bash / command line to install all dependencies.
3. Run npm start in your bash / command line to start app in your local host.

Technologies and Dependencies

1. https://www.thecocktaildb.com/api.php
2. React
3. React Router
4. Styled Components

Contributors

This project was completed as part of the Chingu Voyage 40 by geckos-team-20:

Vitesh Bava
Paulette Zaldivar Flores
Hyemi Son