Cocktail App

This is a simple cocktail app built using Ionic React. It allows users to search for cocktails by name or ingredient and view details about each cocktail. Additionally, users can try their luck and get a random cocktail suggestion.

Try it out (made for phones)

https://cocktailapplication.netlify.app/

Features

• Search: Users can search for cocktails by name or ingredient.
• Search Type: Users can select the type of search (by drink name or ingredient).
• Random Cocktail: Users can get a random cocktail suggestion.
• View Details: Users can view details about each cocktail, including its image and name.

Technologies Used

• Ionic React: The app is built using Ionic React
• React: The frontend is built using React
• API Integration: The app uses a free to use api to fetch cocktail data (https://www.thecocktaildb.com/api.php).

How to Run

1. Clone the repository to your local machine.
2. Install dependencies using npm install.
3. Run the app using ionic serve.
4. The app will open in your default web browser.

Screenshots

Author

Ville Kautiainen