Frontend aplikacji, którą stworzyłem w wolnym czasie. Można powiedzieć, że jest to rozbudowana lista zadań z możliwością prezentowania wprowadzonych danych. Projekt pozwolił mi postawić swoje pierwsze kroki z Reactem. Scrap app jest ściśle związany z Backendem.
Aplikacja wykorzystuje do działania bibliotekę React.js.
Należy posiadać, np. menadżer plików Node.js do uruchomienia aplikacji. Poniższe polecenia są wykonywane w terminalu:
- Ubuntu 18.04
sudo apt update
sudo apt install nodejs
nodejs --version
W folderze z frontend należy wykonać poniższe instrukcje.
Pierwsze uruchomienie, inicjalizacja.
npm install
npm start
Po pierwszym uruchomieniu wystarczy już samo polecenie:
npm start
- Dodać w komponencie Navbar dodatkową podstronę.
- Dodać w komponencie Summary dodatkową ostatnią aktywność nowej podstrony.
- W Backend należy zmodyfikować zmienną possibleOrigin w funkcji
isValidInsert(). - Dalej w Backend należy dodać do Promise.all w zapytaniu
"/workplaces/"kolejne odniesienie się do podstrony.
Tak wygląda aplikacja z przykładowo wprowadzonymi danymi.
- Create React App - Stworzenie szablonu aplikacji
- React.js - Główna biblioteka
- Chart.js - Silnik wykresów
- Piotr Florczak - większość pracy - Floreq
Zobacz również współpracowników, którzy uczestniczyli w projekcie:
Znajdują się w folderze licenses.
Powiązane repozytorium Backend.