Ein webbasiertes Hilfstool für das strukturierte Zwiegespräch nach Möller. Das Projekt liegt im Ordner couples-timer-web und basiert auf React, TypeScript und Vite. Mehrsprachigkeit (Deutsch/Englisch) und eine konfigurierbare Sitzungslogik sind vorbereitet.
- Geführte Gesprächssessions für Paare mit vordefinierten oder eigenen Gesprächsphasen
- Visuelle Timer- und Sprecher-Anzeigen für die aktuelle Phase
- Optional einblendbare Leitfäden (Guidance-Tipps) je nach Gesprächsabschnitt
- React 19 + TypeScript (Vite als Build-Tool)
- Tailwind CSS 4 (PostCSS mit
@tailwindcss/postcss) - i18next für Lokalisierung (DE/EN)
- React Router für spätere Navigation zwischen Modusauswahl, Session- und Builder-Seite
- Voraussetzungen: Node.js 20+ und npm.
- Abhängigkeiten installieren (im Projektordner
couples-timer-web):npm install
- Entwicklungsserver starten:
Der Server läuft standardmäßig auf
npm run dev
http://localhost:5173. - Produktionsbuild ausführen:
npm run build
- Implementiert:
- Domain-Layer mit Session-Engine, Phasen- und Modus-Modellen
- Preset-Modi, Custom-Mode-Builder (UI, Validierung) und i18n-Struktur
- Basis-Komponenten (Timer, Phasen-Indikator, Sprecher-Badges, Guidance-Tipps)
- Bekannte Lücken:
- Die Haupt-App (
App.tsx) bindet Router/Pages noch nicht ein; Navigation zur Session- oder Builder-Seite erfolgt daher nicht. - UI-Flows sind als Gerüst vorhanden, eine finale Gestaltung/UX-Optimierung steht aus.
- Die Haupt-App (
- Router in
App.tsxintegrieren (ModeSelectionPage → SessionPage → SequenceBuilderPage). - Tests (z. B. Vitest/React Testing Library) für SessionEngine, TimerService und kritische UI-Flows ergänzen.
- Audio-Dateien einbinden und Guidance-/Timer-Events im UI visualisieren.
- Persistenz von Custom-Modes im Browser (localStorage) mit Benachrichtigung/Fehlerbehandlung in der UI verknüpfen.
- Verbesserte Barrierefreiheit (Keyboard-Navigation, ARIA-Labels) und Responsive-Design-Checks.