Frontend Guide

Alles, was Sie für die Entwicklung des Lázně Pramen-Frontends benötigen

Technologie-Stack

FrameworkReact 18 + Vite
StylingCSS 3 + benutzerdefiniertes Designsystem
ZustandsverwaltungReact Context API
Paketmanagernpm 9+
Node.js18+

Projektstruktur

frontend/
├── src/
│   ├── components/     # Wiederverwendbare UI-Komponenten
│   ├── pages/          # Seitenansichten
│   ├── hooks/          # Benutzerdefinierte React-Hooks
│   ├── utils/          # Hilfsfunktionen
│   ├── assets/         # Statische Assets
│   └── App.jsx         # Stammkomponente
├── public/             # Öffentliche Assets
├── package.json        # Abhängigkeiten & Skripte
└── vite.config.js      # Build-Konfiguration

Befehle

Abhängigkeiten installierennpm install
Dev ausführennpm run dev
Bauennpm run build

Hauptfunktionen

ResponsivMobil & Desktop
PWA-bereitInstallierbare App-Shell
BarrierefreiheitWCAG 2.1 AA
LeistungCode-Splitting & Caching