UI for browsing IBA cocktails
The Cocktails Browser is a user interface that allows users to browse and filter a list of IBA cocktails and other popular drinks. It offers various features such as browsing cocktails, maintaining a personal bar inventory, filtering by ingredients and categories, favoriting cocktails, and integration with TheCocktailDB for enrichment and cocktail images. The application is built using functional components and React hooks. It is a small pet-project and a work in progress.
The Cocktails Browser is a user-friendly application that allows users to explore and filter a vast list of cocktails. With features like maintaining a personal bar inventory, filtering by ingredients and categories, and integration with TheCocktailDB, users can easily find and try new cocktail recipes. The application is built using functional components and React hooks, and it is a small pet-project in constant development. Users can also customize the color scheme, measurement units, and experience pro-mode with bartender lingo. The application can be installed on smart devices, making it easily accessible for cocktail enthusiasts on the go.
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.