Case Study · Streaming Interface

Ein Chat als Frontend-System, nicht nur als Texteingabe

SmartChat untersucht die UI-Probleme eines modernen Chats: laufende Antworten, formatierter Inhalt, mehrere Threads, lokale Persistenz und unterschiedliche Antwortstile.

Meine Rolle

Interaktionsdesign, State-Management, Markdown-Renderer, Streaming-Client und Modellintegration.

Wichtige Entscheidungen

— Jede Unterhaltung speichert Verlauf und Antwortstil lokal im Browser.
— Markdown und Codeblöcke werden ohne schwere UI-Bibliothek lesbar dargestellt.
— Modellstatus und Provider-Fallback bleiben für Nutzer:innen sichtbar.

Was technisch funktioniert

— Live-Streaming mit Abbrechen-Funktion
— Dynamischer Modellkatalog von Groq und OpenRouter
— ARIA-Live-Region und klarer Keyboard-Workflow

Nächster Entwicklungsschritt

Für eine produktive Version würde ich Suche, Export und serverseitig synchronisierte Threads ergänzen — inklusive Datenschutzkonzept.

Quellcode ansehen ↗