Zum Inhalt springen
Sebastian Wagner
2025Konzeption und Umsetzung

Budget Tracker mit React

Eine Anwendung für die monatliche Finanz- und Vermögensübersicht: mehrere Szenarien im direkten Vergleich, Auswertung über Diagramme und optionale Synchronisation zwischen Geräten.

ReactTypeScriptViteTailwind CSSRechartsZustandSupabase
Dashboard des Budget Trackers mit Kennzahlen zu Einnahmen, Ausgaben und Saldo sowie Diagrammen zur monatlichen Entwicklung.

Ergebnis

Mehrere Finanzszenarien lassen sich parallel durchrechnen und vergleichen, ohne für jedes eine neue Tabelle anzulegen.

Ausgangslage

Tabellenkalkulationen sind für laufende Finanzübersichten überraschend schlecht geeignet. Rechnen können sie, aber die eigentlich interessante Frage beantworten sie nicht: Wie wirkt sich eine Entscheidung über die nächsten Jahre aus?

Wer das wissen will, legt eine Kopie der Tabelle an, ändert ein paar Werte und hat danach zwei Dateien, die sich langsam auseinanderentwickeln. Nach der dritten Kopie weiß niemand mehr, welche die aktuelle ist.

Dieses Werkzeug ist daraus entstanden, mehrere Szenarien nebeneinander führen zu wollen, ohne für jedes eine neue Datei anzulegen.

Funktionsbereiche

Dashboard. Monatliche Übersicht über Einnahmen, Ausgaben und Saldo, mit Verlauf über die Zeit.

Kostenträger. Wiederkehrende Positionen strukturiert erfassen und Kategorien zuordnen.

Vermögensentwicklung. Bestände über die Zeit fortschreiben und als Verlauf darstellen.

Szenarienvergleich. Mehrere Annahmen parallel führen und direkt gegeneinanderstellen, statt sie zu überschreiben.

Optionaler Abgleich. Synchronisation zwischen Geräten ist zuschaltbar, aber keine Voraussetzung für die Nutzung.

Dunkelmodus und Mobilnutzung. Vollständig auf dem Telefon bedienbar, hell und dunkel.

Offline zuerst

Die Anwendung funktioniert ohne Konto und ohne Netzverbindung, weil die Daten zunächst lokal im Browser liegen. Die Cloud-Anbindung ist eine Ergänzung für den Abgleich zwischen Geräten und keine Bedingung.

Das ist bei einer Anwendung, die Finanzdaten verarbeitet, kein technisches Detail, sondern der Unterschied zwischen “meine Zahlen liegen bei mir” und “meine Zahlen liegen bei jemand anderem”.

Klingt das nach Ihrem Fall?

Schildern Sie kurz die Ausgangslage. Sie bekommen eine ehrliche Einschätzung, auch wenn sie lautet, dass ich nicht der Richtige bin.