Projekt mobile App: Grundlagen und erster Prototyp

Viele haben eine App-Idee, wissen aber nicht, ob eine Web-App reicht oder ob es gleich eine App für das Verzeichnis sein muss. Dieses Arbeitsbuch klärt die Frage mit einer Entscheidungshilfe aus zwölf Kriterien und führt dann zu einem ersten Prototyp, den du auf deinem eigenen Handy ausprobierst. Es verspricht bewusst nur den Prototyp, nicht die fertige App.

Du baust den "Gießplan" mit drei Bildschirmen: Liste, Detail, Neu anlegen. Neun Etappen mit 28 Prompts führen vom Bildschirmplan über HTML, CSS und Navigation zu einem kleinen Python-Backend, einem Manifest für den Startbildschirm und einer Offline-Hülle. Zu jedem Prompt steht, was herauskommen sollte und woran du ein schlechtes Ergebnis erkennst. Der vollständige Code ist abgedruckt; das Backend wurde mit automatischen Tests geprüft.

Zum Schluss zeigt eine Übersicht mit 14 Schritten ehrlich, was bis zu einer Veröffentlichung noch fehlt, mit den Fragen, die Fachleute klären sollten.

Für wen? Für Einsteigerinnen und Einsteiger mit Grundkenntnissen in HTML und CSS und einer App-Idee, die sie mit einem KI-Assistenten greifbar machen wollen.

Wichtig: Ergebnis ist ein Prototyp für den eigenen Test, keine veröffentlichungsreife App. Der mitgelieferte Python-Server ist nur für die Entwicklung gedacht. Die Richtlinien der App-Verzeichnisse, Datenschutz und Barrierefreiheit erscheinen nur als Fragen für Fachleute. Lies KI-Code vor dem Ausführen und gib keine Zugangsdaten oder personenbezogenen Daten in einen KI-Chat ein. Stand: Oktober 2026. Funktionen, Befehle und Browser-Verhalten ändern sich – prüfe die offizielle Dokumentation. Mit KI-Unterstützung erstellt.