🍹 Solvro Cocktails

Piękna, responsywna aplikacja webowa do przeglądania koktajli, umożliwiająca:

• wyszukiwanie koktajli,
• wyświetlanie listy dostępnych propozycji,
• zaznaczanie ulubionych koktajli,
• przeglądanie szczegółów wybranych drinków.

✨ Demo

Aplikacja jest dostępna online (Vercel): 👉 https://solvro-cocktails.vercel.app/

🚀 Stos technologiczny

• Next.js 15.5.4 (stworzona z szablonu T3-app)
• TypeScript dla bezpieczeństwa i wygody typowania
• Vercel do hostowania

🎯 Funkcjonalności

• Wyszukiwanie koktajli po nazwie
• Wyświetlanie listy wszystkich koktajli
• Zaznaczanie ulubionych – koktajle można oznaczyć jako ulubione
• Szczegóły koktajlu: opis wybranego napoju, ID, typ szklanki, zdjęcie, itp.

🖥️ Responsywność

Aplikacja poprawnie wyświetla się zarówno na desktopie, jak i urządzeniach mobilnych.

📑 Instrukcja uruchomienia lokalnie

git clone https://github.com/maks1u/solvro-cocktails
cd solvro-cocktails
npm install
npm run dev

Następnie aplikacja będzie dostępna pod adresem http://localhost:3000.

⚙️ API

Aplikacja korzysta z publicznego Cocktails API: https://cocktails.solvro.pl/

---

🏆 Realizacja wymagań zadania

• Wyświetlanie listy koktajli
• Zaznaczanie koktajlu jako ulubiony
• Wyszukiwanie koktajli
• Szczegóły koktajlu (instrukcja)

Extra:

• Responsywność
• Deployment na Vercel

---

📸 Zrzuty ekranu

💻 Komputer/laptop

---

📱 Telefon