Kalkulator stanowiska komputerowego w React.js

Aplikacja, która pomaga podliczyć koszty nowego stanowiska komputerowego.

Spis treści

• Instalacja
• O aplikacji
• Języki i narzędzia
• Czego nauczył mnie ten projekt

Instalacja

Instalacja aplikacji opiera się na menedżerze pakietów npm.

git clone https://github.com/YerbaMatePL/REACT-Kalkulator-stanowiska-komputerowego.git
cd kalkulator-app
npm install

Aby uruchomić aplikację użyj

npm start

Dodatkowo uruchom serwer "Kalkulatora stanowiska komputerowego w React.js", który znajdziesz w innym repozytorium.

git clone https://github.com/YerbaMatePL/serwer-node.js.git
npm install

Aby uruchomić serwer użyj

node server.js

O aplikacji

• Aplikacja składa się z dwóch części - formularza oraz tabeli z podsumowaniem. Formularz wypełnia użytkownik podając nazwę przedmiotu, jaki chce zakupić do swojego nowego stanowiska komputerowego, następnie formularz wymaga podania krótkiego opisu tego przedmiotu, np. wpisania modelu. W kolejnym kroku użytkownik przypisuje przedmiot do wybranej kategorii. A na końcu podaje cenę za wybrany przedmiot. Po kliknięciu przycisku “DODAJ” uruchamia się walidacja, a dane zostają zapisane na serwerze.

• Następnie dane te pobierane są z serwera i wyświetlane w formie tabeli. Każdy rekord posiada dwie możliwe akcje do wykonania - edycję wybranego rekordu, a także możliwość usunięcia danego rekordu z tabeli.

• Na samym końcu wyświetlane są dane z podsumowaniem: ilości przedmiotów w tabeli oraz łącznej kwoty, jaką trzeba będzie zapłacić za wybrane przedmioty.

Języki i narzędzia

REACT.JS  CSS3  HTML5
  NODE.JS       GIT

Czego nauczył mnie ten projekt

• komunikacji z API w React.js,
• pracy z hookami,
• zarządzania stanem,
• tworzenia i wydzielania komponentów.