So erstellst du deine eigene App mit ChatGPT-5
In diesem Praxisbeispiel lernst du, wie du mit ChatGPT-5 eine vollständige Mini-App mit interaktiven Funktionen entwickelst, Anpassungen vornimmst und dabei von der ersten Idee bis zum funktionsfähigen Prototyp gelangst.
1. Zuerst geben wir ChatGPT einen detaillierten Prompt für unsere Budget-App. Dazu verwenden wir den folgenden Prompt:
Erstelle eine Budget-App, die es Nutzern ermöglicht, Einnahmen und Ausgaben zu kategorisieren und Visualisierungen der finanziellen Entwicklung anzuzeigen. Implementiere außerdem eine einfache Funktion zur Speicherung der Einträge.
2. ChatGPT analysiert die Anforderungen und erstellt ein interaktives Dashboard mit allen gewünschten Funktionen. Die App enthält Eingabefelder, Kategorisierung und grafische Darstellungen der Finanzdaten. Standardmäßig wird dir rechts im Canvas erstmal der reine Code angezeigt. Um die App in der Vorschau zu sehen und nutzen zu können, musst du einmal oben rechts auf “Code ausführen” klicken.
3. Im nächsten Schritt nehmen wir Anpassungen direkt im Chat vor, da ChatGPT-5 (oder auch jede andere KI) selten im ersten Anlauf das perfekte Ergebnis liefert. Ich möchte in der Budget-App zum Beispiel noch die Funktion von Budgetzielen haben und auch eine andere Farbwelt. Daher nutzen wir den folgenden Prompt um die Änderungen mitzuteilen:
Füge Funktionen hinzu, wie Budgetziele und Warnungen bei Überschreitungen. Ändere die Farbwelt auf orange, weiß, und hellgrau.
4. ChatGPT integriert umgehend alle gewünschten Änderungen und passt sowohl die Funktionalität als auch das Design der App entsprechend an.
5. Das Ergebnis ist eine vollständig funktionsfähige Budget-App, die direkt verwendet oder als Basis für weitere Entwicklungen genutzt werden kann. Du kannst dir den Code direkt herunterladen und auf deiner eigenen IT-Umgebung nutzen oder auch mit anderen teilen.
Pro Tipp: Teste die erstellte App ausgiebig mit verschiedenen Szenarien und notiere dir Verbesserungsideen, bevor du weitere Anpassungen anfragst. So erhältst du gezielteren und wertvolleren Output von ChatGPT.