Mit Codex eine Haushaltsbuch-App bauen.
Du beschreibst die Funktionen, Codex legt die Dateien in deinem Projektordner an. Danach prüfst du Buchungen, Summen und die Sicherung deiner Daten.
Drei Lernstufen · in deinem Tempo · Stand: 10. Oktober 2026
Das kannst du danach
Du baust eine lokal laufende Haushaltsbuch-App mit Einnahmen, Ausgaben, Monatsauswertung und Export.
Das übernimmt die KI
Codex erzeugt und bearbeitet den Programmcode im ausgewählten Ordner. Die fertige App rechnet mit normaler Programmlogik; sie benötigt dafür keine KI-Anfrage.
Dein Werkzeug: Codex
Ein Codex-Zugang mit Zugriff auf einen eigenen Projektordner. Wähle in der Desktop-App den Codex-Modus für das lokale Projekt. Zum Testen nutzt du erfundene Buchungen, keine Bankverbindung.
Werkzeug öffnen (neuer Tab) Offizielle Hilfe (neuer Tab)
Funktionen, Kontingente und Preise können sich ändern. Prüfe den Zugang direkt beim Anbieter.
Die Aufträge führst du im genannten Werkzeug aus. Die Klickübungen hier zeigen vorbereitete Beispiele und senden keine Daten an einen KI-Dienst.
KI-Funken
Dein erstes Ergebnis mit dem Werkzeug
Lass eine kleine App direkt im Ordner bauen
Ein klarer Dateiauftrag verhindert, dass du nur eine Beschreibung erhältst. Starte ohne Bankanbindung und ohne Benutzerkonto.
- Lege einen leeren Ordner „Haushaltsbuch“ an und öffne ihn als lokales Projekt in Codex.
- Sende den Bauauftrag und prüfe, welche Dateien angelegt wurden.
- Öffne die App über eine lokale Vorschau. Trage 100 Euro Einnahme und 12,50 Euro Ausgabe ein: Der Saldo muss 87,50 Euro betragen.
Baue in diesem Ordner eine kleine Haushaltsbuch-Webapp mit index.html, styles.css und app.js. Formular: Datum, Beschreibung, Einnahme oder Ausgabe, Betrag. Liste mit Löschen, Summen und Saldo. Rechne intern in ganzen Cent. Speichere Buchungen nur nach verständlichem Hinweis lokal im Browser. Keine Bankanbindung, keine externen Dienste. Erkläre Start und Speichergrenzen und teste 100 minus 12,50 gleich 87,50.
Darauf arbeitest du hin: Eine funktionierende App mit drei Dateien und einem nachvollziehbaren Rechenergebnis.
Was soll Codex hier liefern?
KI-Werkstatt
Gezielt verbessern und weiterarbeiten
Ergänze Monatsauswertung und Sicherung
Lokaler Browserspeicher ist keine dauerhafte Datensicherung. Export und kontrollierter Import gehören deshalb früh dazu.
- Lass einen Monatsfilter und Summen je Kategorie ergänzen.
- Füge Export und Import mit Vorschau hinzu.
- Exportiere Testdaten, leere nur die Testfassung und importiere die Datei erneut. Prüfe Beträge und doppelte Einträge.
Ergänze Monatsfilter, Kategorien und einen JSON-Export aller Buchungen. Beim Import: Format prüfen, Vorschau anzeigen, Zusammenführen oder Ersetzen ausdrücklich auswählen lassen und mögliche Duplikate melden. Teste den Rundlauf mit unseren Testbuchungen. Keine echten Finanzdaten verwenden.
Darauf arbeitest du hin: Eine App, deren Daten du sichern und kontrolliert wieder einlesen kannst.
Was verändert die gezielte Korrektur?
Die App speichert still Daten und bietet keine Sicherung.
Die App erklärt den lokalen Speicher und hat einen getesteten Export-Import-Weg.
Vorbereiteter Vergleich, keine Live-Ausgabe des Werkzeugs.
KI-Regie
Den Ablauf erweitern und selbst nutzen
Prüfe die Nutzung auf einem zweiten Gerät
Eine gehostete App kann auf mehreren Geräten erreichbar sein. Lokaler Browserspeicher synchronisiert sich dadurch nicht automatisch.
- Lass die Oberfläche für kleine Displays anpassen.
- Teste Formular, Monatsfilter und Export auf einem Handy mit Testdaten.
- Wenn du hostest, veröffentliche nur App-Dateien, keine Exporte. Übertrage Daten bewusst per Sicherungsdatei oder plane eine gesonderte Synchronisierung.
Prüfe die App bei schmalem Bildschirm und erkläre in der Oberfläche knapp: Daten liegen nur in diesem Browser, kein automatischer Geräteabgleich. Ergänze eine erreichbare Export-Schaltfläche. Veröffentliche nichts und lade keine Buchungsdaten hoch.
Darauf arbeitest du hin: Eine auf Mobilgeräten bedienbare App mit klar erklärter lokaler Speicherung.
Warum in ganzen Cent rechnen?
Was ist hängen geblieben?
Sind Buchungen auf dem Handy automatisch dieselben wie am Rechner?
Dein eigener Versuch
Wende den Ablauf jetzt auf eine kleine eigene Aufgabe an. Prüfe das tatsächliche Ergebnis im Werkzeug anhand der Kriterien dieser Anleitung. Die vier Klickübungen bestätigen deinen Lernstand auf dieser Seite, nicht die erfolgreiche Ausführung im externen Dienst.
Weitere Übungen zum Thema programmieren