Zadania przygotowujące

Możesz przećwiczyć swoje zdolności live coding przed finalną próbą live z mentorem.

Zadanie 1:

Część główna (1h):

Korzystając z Fakestore API https://fakestoreapi.com/docs  wyświetl na stronie głównej kategorie produktów. Po kliknięciu w kategorię przenieś użytkownika na widok pojedynczej kategorii, na którym wyświetlisz wszystkie produkty z danej kategorii (obraz, nazwa, cena). Po kliknięciu w produkt wyświetl stronę produktu - obraz z lewej strony strony, a tytuł, opis i informacje dodatkowe z prawej strony.

Dodatkowo (1h):

Dopracuj projekt i widoki. Dodaj możliwość dodawania produktów do koszyka. Zadbaj o paginację i filtrowanie, tak aby użytkownik mógł łatwo przeglądać listę produktów.

Zadanie 2:

Część główna (1h):

Utwórz komponent formularza rejestracji z polami tekstowymi e-mail i 2x hasło z walidacją i checkboxem wyrażającym zgody na przetwarzanie danych. Wyświetl komunikaty błędów pod formularzem. Kliknięcie w przycisk wyślij powinno wyświetlać w konsoli wprowadzone dane i być dostępne tylko jak formularz nie ma błędów.

Dodatkowo (1h):

Dopracuj projekt i widoki. Wyślij dane zebrane z formularza na nieistniejący endpoint.

Podsumowanie

Oprócz powyższych zadań istnieje kolejna pula, z której mentor wylosuje jedno dla Ciebie zadanie na sesję live coding.