FACEIT BANNER / DOCS
Dokumentacja developerska
Ta część opisuje, jak zbudowany jest FACEIT Banner i jak go rozwijać. Projekt to statyczna aplikacja React bez własnego backendu, a dane gracza pobiera bezpośrednio z API FACEIT.
Stos technologiczny
- Vite 7, React 18, TypeScript (strict), react-router-dom 6
- style: LESS, motyw 2026 w plikach widget/src/styles/*.less
- dane: FACEIT Data API v4 wołane z przeglądarki, bez serwera pośredniego
- wdrożenie: Docker (node:22-alpine do builda, nginx:1.27-alpine do serwowania), CapRover
Struktura repozytorium
| Ścieżka | Zawartość |
|---|---|
src/generator/ | generator: zakładki Ustawienia, Wygląd, Statystyki |
src/components/ | wspólne komponenty UI generatora (karty układów, miniatury, panel rozmiaru) |
src/settings/ | definicje ustawień i menedżer (adres URL, localStorage) |
src/translations/ | teksty interfejsu: polski, angielski, niemiecki |
src/docs/ | ta dokumentacja, renderowana do HTML przy buildzie |
widget/src/widget/ | komponent Widget, który działa w OBS |
widget/src/styles/ | style banerów i układów |
widget/src/utils/ | klient API FACEIT i logika rozmiaru banera |
public/ | pliki statyczne, wiki, robots.txt, sitemap.xml |
deploy/nginx.conf | konfiguracja nginx dla kontenera |
Zaktualizowano: