Cocktail Recipe Collection with Favorites & Search

Screenshot

Description:

Responsive cocktail recipe app with favorites, search, and filters by alcohol type. Saves preferences in localStorage. Built with vanilla JavaScript. Save 20% on your first Hostinger hosting plan with my referral code! Hostinger Referral Link

Technologies Used:

  • HTML
  • SCS3
  • JavaScript (ES6)

Github:

Visit the GitHub repository

Live demo:

Visit the Live Demo

Features:

  • Responsive design
  • Minimal design
  • Browse cocktail recipes in card layout
  • Mark/unmark favorites with heart icons
  • Persistent favorite storage using localStorage
  • Search by cocktail name
  • Filter by alcohol type (gin, vodka, rum, etc.)
  • Responsive design works on all devices
  • Detailed recipe information including: Ingredients with precise measurements,Preparation instructions,Recommended glassware,Garnish suggestions

Tags: