Baza Filmowa — aplikacja React w pracy zespołowej
Przeglądarka filmów i ludzi kina korzystająca z publicznego API filmowego — projekt tworzony w trzyosobowym zespole, z podziałem zadań, przeglądem kodu (pull requesty) i wspólnym standardem kodu.
- React
- JavaScript ES6+
- Redux Toolkit
- React Router
- styled-components
- axios
O projekcie
Baza Filmowa (MoviesBrowser) to aplikacja typu SPA do przeglądania filmów i twórców: listy popularnych tytułów, strony szczegółów z obsadą i ekipą, profile aktorów i reżyserów z filmografią, wyszukiwarka oraz paginacja. Dane pobierane są z publicznego API filmowego.
Praca zespołowa
Projekt powstał w trzyosobowym zespole — współtworzyłem go z dwiema innymi osobami. Pracowaliśmy na wspólnym repozytorium GitHub, z podziałem zadań, osobnymi gałęziami i wzajemnym przeglądem kodu przez pull requesty. To ćwiczenie z komunikacji w kodzie: wspólnych konwencji, czytelnych commitów i odpowiedzialności za fragment większej całości.
Rozwiązania techniczne
- Redux Toolkit — globalny stan aplikacji: wyniki wyszukiwania, statusy ładowania i obsługa błędów w przewidywalnym cyklu;
- React Router — nawigacja między listami, stronami szczegółów i wynikami wyszukiwania z adresami, które można udostępniać;
- styled-components — style komponentowe ze wspólnym motywem i pełną responsywnością (mobile-first);
- axios — pobieranie danych z publicznego API filmowego, z obsługą stanów „ładowanie / błąd / brak wyników”.
Co ten projekt pokazuje
- umiem pracować w zespole nad wspólnym kodem — z code review i standardami;
- znam wzorce zarządzania stanem w większych aplikacjach React;
- projektuję interfejsy odporne na rzeczywistość: wolne łącze, błędy API, puste wyniki.