Frontend Guide

Everything you need to develop with the Lázně Pramen frontend

Technology Stack

FrameworkReact 18 + Vite
StylingCSS 3 + custom design system
State MgmtReact Context API
Package Managernpm 9+
Node.js18+

Project Structure

frontend/
├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/          # Page views
│   ├── hooks/          # Custom React hooks
│   ├── utils/          # Helper functions
│   ├── assets/         # Static assets
│   └── App.jsx         # Root component
├── public/             # Public assets
├── package.json        # Dependencies & scripts
└── vite.config.js      # Build configuration

Commands

Install depsnpm install
Run devnpm run dev
Buildnpm run build

Key Features

ResponsiveMobile & desktop
PWA-readyInstallable app shell
AccessibilityWCAG 2.1 AA
PerformanceCode-splitting & caching