Uruchomienie projektu
`npm i`
`npm run start`
Wraz z odpaleniem projektu uruchomiony zostaje prosty serwer http
W konstruktorze w src/App.js pobierany jest json http://127.0.0.1:8080/pets-data.json ,
następnie wrzucany do state.
Twoim zadaniem jest zakodowanie projektu graficznego w html/css oraz zapewnienie
za pomocą Reacta dynamicznej obsługi: dodawania, usuwania, filtracji oraz sortowania elementów listy.
PSD znajdziesz w katalogu `_projekt`
Projekt dzieli się na dwa widoki: główna lista oraz popup z formularzem.
- Po wczytaniu na liście muszą wyświetlać się 3 zwierzęta z pets-data.json
- X służy do usuwania elementu listy
- Popup powinien zostać wyświetlony po kliknięciu na guzik +
- Po ponownym kliknięciu na guzik sortowania, kolejność musi się odwracać
- Filtr gatunków powinien zapewniać możliwość powrotu do wyświetlania wszystkich gatunków
- Wszystkie inputy w formularzu poza jedzeniem są wymagane, zapewnij też walidację pola ‘Wiek’, może ono przyjmować wyłącznie liczby całkowite
Poza zdjęciami zwierząt nie używaj w projekcie innych plików graficznych, możesz zastosować dowolną czcionkę. Zadanie musi zostać wykonane z użyciem React, bazuj na istniejącym kodzie.
Rozwiązanie umieść w serwisie github i udostępnij za pomocą adresu url.