This web application integrates with the API provided by cocktails DB. They have a generous free plan that allows you to consume some of their end-points without the API key. While creating this application detailed attention was given to user interface with features like animation, interactive mobile menu with mobile-first responsive design. This was achieved using Tailwind CSS. Some of the other features include:-

- Created in Typescript and Svelte Kit.

- UI components powered by Tailwind CSS.

- Displays cocktail information with the ability to search for cocktails, you can also see categories, glasses and ingredients and filter cocktails based on these parameters.

- Get a random cocktail inside a beautiful modal, animation feature implemented without using any external libraries.

- Built-in Svelte stores for data management.

Started on March 29, 2025, 6:04 a.m.
Updated on April 17, 2025, 7:24 p.m.
Status:
Tags: Technology Web Development

Project Link : https://github.com/Apfirebolt/svelte-tailwind-cocktails

Technologies Used : Svelte Kit, Svelte, Typescript, Tailwind CSS

Images: