ferdi2goandClaude Fable 5.1
e8ab95159e
Reiter, Panel, Käfer-Beschriftungen und Doku sprechen von Bugs statt Fehlern. Nach dem Senden schließt sich das Panel sofort und eine Einblendung bestätigt die Meldung. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2.0 KiB
2.0 KiB
@.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 Bug-Meldungen; 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
#122E45und Weiß. Neutraltöne als Deckkraft-Abstufungen von tradeo Blue (--tint-*,--line*,--text-*inpublic/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.cssals offene Designentscheidung vermerkt und dort zentral änderbar.