Skip to content

This project built with React, utilizing React Hooks such as useState, useEffect, useContext, and more. Styling is done using the Tailwind CSS library. The main goal of this project was to dive into Tailwind CSS and expand my knowledge of its features.

Notifications You must be signed in to change notification settings

DALA746/coctails

Repository files navigation

Fancy Coctails with React & Tailwind CSS🍹

For this project, I used The CoctailDB and integrated it into React using React Hooks like useState, useEffect, and useContext. I chose Tailwind CSS for styling, using the project as an opportunity to explore its features.

The main focus was on learning how to set up and connect Tailwind, utilize the configuration file for personalized styling, and create responsive webpages. Would I use Tailwind again? Absolutely! Its speedy and effective styling process, combined with customization flexibility, makes it my go-to for future projects.

Styling was quick, and the absence of the need to brainstorm class names saved time. The library's capability for rapid project development reinforces my decision to use it again. Envisioned as a digital cocktail book, this project seeks to inspire users with creative cocktail recipes for their social gatherings.

Demo: https://fancy-coctails.netlify.app/

About

This project built with React, utilizing React Hooks such as useState, useEffect, useContext, and more. Styling is done using the Tailwind CSS library. The main goal of this project was to dive into Tailwind CSS and expand my knowledge of its features.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages