Cześć, zamieszczam tu krótki opis funkcjonalności oraz spełnienia wymogów zadania.
Wymogi główne:
- Wyświetlanie listy koktajli
- Zaznaczanie koktajlu jako ulubiony
- Wyszukiwanie i filtrowanie koktajli - użyj wybranych pól, które zwraca API i uważasz je za przydatne dla użytkownika
- Zobaczenie szczegółów koktajlu, a zwłaszcza jego składników
- Postaraj się, aby aplikacja była ładna i przyjazna dla użytkownika 😉 Możesz dodać dowolne funkcje, których uznasz za stosowne.
Mile widziane:
- Responsywność (mam nadzieję, że udało się przynajmiej większośc przypadków zaimplementować :)
- Typescript
- Udostępnienie aplikacji do przeglądania (Vercel) Link do zahostowanego rozwiązania
- Biblioteka do zarządzania stanem serwera (TanStack Query, SWR, itp.). Tu jedynie użyłem wbudowanego fetch API i axios'a do zaciągania danych, a resztę zostawiłem cache'owi next'a.
- Framework frontendowy (NextJS)
- Gotowa biblioteka komponentów (ui.shadcn.com)
Starałem się, żeby rozwiązanie wyglądało jak najlepiej w 8 godzin i zarazem działało jak należy, więc gdzieniegdzie mogą być pewne niedociągnięcia w designie, ale wiadomo, cas był dosyć ograniczonym surowcem 🙂
Chciałem dodać jeszcze paginację i jakieś dokładniejsze filtry, ale również czasu zabrakło.