ZdruzenieSTROM / webstrom-frontend

4 stars 0 forks source link

Návod na spustenie

Spustenie backendu

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.

Spustenie frontendu

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.

CSS types

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

IDE setup

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