A web application developed as a recruitment task for the Frontend Section of KN Solvro.
The project allows users to search for cocktails, sort and filter them, browse drinks by categories, and view detailed cocktail recipes.
It fetches cocktail data from the Cocktails API provided by KN Solvro.
- ReactJS
- useContext
- useEffect
- useState
- react-router-dom
- CSS
- JavaScript
- Cocktails API
- 🔍 Search cocktails by name
- 📊 Sort cocktails by different parameters (name, category, glass, etc.)
- 🧃 Filter cocktails by categories
- ⭐ Add cocktails to favourites
- 📋 View detailed drink information
⚠️ Error handling – dedicated error screen for cases like 404 or failed API requests- 📱 Responsive design – different layout optimized for mobile and desktop devices
Screenshots highlighting the main features of the application:
Mobile view:
Desktop view:
GitHub @moshenetsb