@.vch/PLATFORM.md # Rotatory Wofür dieses Projekt gut ist, und was jemand wissen muss, der hier weiterarbeitet. ## Befehle - **Abhängigkeiten installieren:** `npm install` - **Entwicklungsserver:** `npm run dev` - **Tests:** `npm test` - **Bauen:** `npm run build` - **Linten:** `npm run lint` ## Konventionen - Aussagekräftige Commit-Nachrichten im Imperativ („Suche ergänzen", nicht „Suche ergänzt") - Lieber kleine, abgeschlossene Commits als große - Vor dem Commit linten und formatieren - Tests für die tragende Fachlogik - Wenig Abhängigkeiten — was Browser und Node schon können, reicht meistens. Ausnahme mit Begründung: `public/vendor/html2canvas.min.js` (Screenshots für Fehlermeldungen; der Browser kann Seiten nicht selbst fotografieren), selbst gehostet, nichts von fremden Servern laden - Semantisches HTML, mobil zuerst, bedienbar per Tastatur, ausreichender Kontrast - Konfiguration über Umgebungsvariablen; keine Zugangsdaten im Quelltext ## Design Die Oberfläche folgt dem tradeo Corporate Design System in `docs/DESIGN.md`. Kurzfassung für die App: - Farben: nur tradeo Blue `#122E45` und Weiß. Neutraltöne als Deckkraft-Abstufungen von tradeo Blue (`--tint-*`, `--line*`, `--text-*` in `public/style.css`). Keine neuen Farben erfinden. - Schrift: Poppins (600/500) für Titel und Kennzeichen, Inter für alles andere; beide selbst gehostet unter `public/fonts/`. - 8-px-Raster, Radius 6 px, linksbündig, ruhige Flächen, dezente Trennlinien statt Kästen. - Keine Emojis als Icons; nur schlichte Linien-SVGs mit funktionalem Zweck. Sentence case, keine Ausrufezeichen. - Was das CDS offen lässt (Statusfarbe, Radius, Icon-Familie, Dark Mode), ist im Kopf von `public/style.css` als offene Designentscheidung vermerkt und dort zentral änderbar.