- Frontend
- KI
FinScope – Finanzanalyse & Journal-Prüfung im Browser
Bildnachweis: Majd Edriss
Herausforderung
Finanzdaten sind für Nicht-Fachleute schwer zu lesen, und viele Analyse-Tools laden sensible Zahlen auf fremde Server. Gesucht war eine Oberfläche, die aus Abschluss- und Buchungsdaten schnell verständliche Einblicke macht, ganz ohne dass die Daten das Gerät verlassen.
Ergebnis
Eine vollständig clientseitige Web-App mit zwei Modi: (1) Kennzahlen – 19 Finanzkennzahlen mit Ampel-Bewertung, Diagramme (Umsatz-/Ergebnistrend, Ergebnisbrücke, Kostenstruktur) und ein faktentreuer Klartext-Kommentar; (2) Journal-Prüfung – ein Buchungsjournal wird auf Auffälligkeiten geprüft (Benford-Analyse, Dubletten, Ausreißer, Schwellenwert-Nähe, Wochenendbuchungen). Zweisprachig, Hell/Dunkel, 62 automatisierte Tests, live unter finscope.me-dev.de.
Lösung
Kern sind zwei getestete, deterministische Engines mit fester, prüfbarer Datenstruktur; davor je eine flexible CSV-Spaltenzuordnung. Alles wird ausschließlich im Browser verarbeitet, nichts wird hochgeladen. Kommentar und Auffälligkeiten beschreiben nur berechnete Werte, nichts wird erfunden. Umgesetzt mit React und TypeScript, eigenem OKLCH-Design-System, tabellarischen Ziffern und lazy geladenen Diagrammen (Recharts).
Technologien
- React
- TypeScript
- Vite
- Recharts
- Vitest
- OKLCH Design-Tokens
- Claude Code