React

Hiki: ein Katalog zum Filtern

Die Oberfläche von Hiki ist React 19 in Next.js 15 mit dem App Router. Sie macht aus einem täglichen Scrape mehrerer Buchhandlungen einen einzigen Katalog. Leser filtern nach 21 Genres, 100+ Tags, Preisspanne, Rabatt, Bestand und Herkunftsladen, und die Volltextsuche deckt Produktnamen in jeder unterstützten Sprache ab. next-intl übersetzt die Oberfläche, die Genrenamen und die Tags, sodass dieselben React-Komponenten jede Sprachversion rendern.

Der Look ist ein Neubrutalism-Designsystem: kräftige Rahmen mit 2 px, versetzte Schatten und ein von Manga inspirierter Stil, gesetzt in den Schriften Lacquer und Pangolin. Die Komponenten sind shadcn/ui, angepasst an das Neubrutalism-Theme, statt von Grund auf neu gezeichnet.

Bridddge: eine React-App pro Funktion

Bridddge ist eine macOS-App, gebaut mit Electron und React. Ein eingebetteter Chromium-Browser übernimmt LinkedIn selbst, und React zeichnet die Tools drumherum. Ein Multi-Page-Build mit Vite gibt jeder Funktion eine eigene React-App: das Dashboard, das CRM, die Social-Selling-Index-Analysen, den Post-Planer und die Automatisierungen. Das CRM erfasst jeden Kontakt mit Status, Notizen und Aktionsverlauf. Die Screens nutzen shadcn/ui mit einem eigenen Theme namens Lyra, das eine blaue Primärfarbe und scharfe Kanten hat.

Scout: eine Oberfläche für einen Agenten

Auch Scout läuft mit React 19 in Next.js 15. Ein KI-Agent erledigt die Vertriebsarbeit, und in der React-Oberfläche richten Nutzer ihn ein und verfolgen ihn. Ein Setup-Assistent mit sieben Schritten führt vom idealen Kundenprofil bis zum ersten Lead-Batch. Leads wandern auf einem Kanban-Board per Drag-and-drop von Qualifiziert über Kontaktiert, Geantwortet und Meeting bis Gewonnen oder Verloren. Das Analytics-Dashboard zeigt den Zustand der Pipeline, den Conversion-Funnel, die Performance der Quellen und Outreach-Kennzahlen, und das Aktivitätsprotokoll hält jede Aktion des Agenten fest. Während der Agent läuft, aktualisiert sich die Oberfläche live.