Na testovanie frontendu je potrebné mať prístup k API rozhraniu na backende. Návod na rozbehanie backendu sa nachádza vo webstrom-backend repozitári.
Po inštalácii potrebných balíkov a vytvorení databázy spusti backend django server pomocou:
python manage.py runserver
Tento príkaz spustí server na localhost:8000
, kde sa dá pristupovať k API a k django admin stránke.
Naklonuj si projekt z GitHubu a prepni sa do priečinku projektu:
git clone https://github.com/ZdruzenieSTROM/webstrom-frontend
cd webstrom-frontend
Na nainštalovanie potrebných balíkov je potrebné mať nainštalovaný node.js spolu so správcom balíkov yarn a potrebné balíky pre projekt sa nainštalujú pomocou:
yarn install
alebo len
yarn
Development server sa spustí pomocou príkazu:
yarn dev
Tento príkaz spustí server na localhost:3000
, ktorý reaguje na zmeny vo frontendovom kóde a automaticky sa reloaduje.
Na pregenerovanie CSS typov, popisujúcich typy pre styles
z *.module.css
do súborov *.module.scss.d.ts
je potrebné spustiť
yarn css-types
Ak chceme aby sa tieto typy generovali automaticky počas vyvvíjania, je tu príkaz
yarn css-types-watch
Používame VSCode, nainštaluj si doň ESLint rozšírenie. V repe máme .vscode
config, preto sa kód pri uložení automaticky formátuje. Rozšírenie je možné doinštalovať pomocou Ctrl+P
a spustením:
ext install dbaeumer.vscode-eslint