Wie du eine Gewohnheiten-Tracker-App baust

Ein Gewohnheiten-Tracker ist eine Liste von Gewohnheiten, eine schnelle Möglichkeit, sie jeden Tag abzuhaken, und eine Ansicht von Serien und Verlauf, die dich motiviert. Er gehört zu den besten ersten Apps zum Bauen mit KI: Die Datenmenge ist klein, die Regeln sind klar, und du wirst ihn selbst jeden Tag nutzen. Der praktische Weg, heute einen zu bauen, ist eine handyfreundliche Web-App, die du auf den Startbildschirm deines Handys legst – keine App aus dem App Store. Diese Anleitung ist ehrlich, was das für Erinnerungen bedeutet.

Web-App, nicht App-Store-App (vorerst)

Die meisten Menschen stellen sich einen Gewohnheiten-Tracker als Handy-App vor. Du hast drei Optionen:

Für einen persönlichen Gewohnheiten-Tracker oder eine kleine Zielgruppe ist eine PWA meist die richtige erste Version. Store-Konten kosten außerdem Geld: Laut den jeweiligen Websites kostet das Apple-Entwicklerprogramm im September 2026 99 US-Dollar pro Jahr, ein Google-Play-Entwicklerkonto einmalig 25 US-Dollar. Unser Leitfaden zu nativen Apps und progressiven Web-Apps geht tiefer, und wie du eine handyfreundliche Web-App baust behandelt die Details zur Handy-Optimierung.

Ein Hinweis zu KI-Buildern: Die meisten bauen Web-Apps. Mythex tut das auch, und im Pro-Tarif verpackt es die Web-App als Android- und iPhone-App, die an Google Play Interne Tests und TestFlight geschickt wird. Die Bildschirme sind Web-Bildschirme; wenn du eine vollständig native Oberfläche willst, nimm einen nativen Builder.

Was ein Gewohnheiten-Tracker braucht

Kernfunktionen

• Gewohnheiten: Name, optional Icon oder Farbe, und ein Zeitplan – jeden Tag, bestimmte Wochentage oder eine Anzahl pro Woche.
• Check-ins: Ein Tipp markiert „heute erledigt“. Ein weiterer Tipp macht es rückgängig.
• Heute-Ansicht: Die heute fälligen Gewohnheiten, erledigte sind deutlich anders dargestellt. Dieser Bildschirm wird am häufigsten geöffnet, also muss er schnell sein.
• Serien: aktuelle und beste Serie pro Gewohnheit.
• Verlauf: ein Kalender oder Raster, das jeden Tag zeigt, damit Lücken sichtbar sind.

Schön zu haben, später

• Gezählte Gewohnheiten („8 Gläser Wasser“, „20 Seiten“) mit einem Tagesziel.
• Notizen zu einem Check-in („5 km gelaufen, fühlte sich langsam an“).
• Erinnerungen zu einer gewählten Uhrzeit.
• Eine Gewohnheit pausieren (Urlaub, Krankheit), ohne die Serie zu brechen.
• Aufgehörte Gewohnheiten archivieren, statt ihren Verlauf zu löschen.

Daten

Zwei Tabellen tragen die ganze App:

• Gewohnheiten – Benutzer, Name, Zeitplan, Ziel, Erstellungsdatum, Archiv-Flag.
• Check-ins – Gewohnheit, Datum, Wert (bei gezählten Gewohnheiten), Notiz.

Speichere den Check-in als Kalenderdatum (etwa 2026-09-29) in der Zeitzone des Nutzers, nicht nur als Zeitstempel. Diese eine Entscheidung verhindert die meisten Fehler bei Serien.

Serien richtig hinbekommen

Serien sehen einfach aus und sind es nicht. Lege diese Regeln fest und schreibe sie in deinen Prompt:

1. Wessen „heute“? Verwende das lokale Datum des Nutzers. Ein Check-in um 23:30 Uhr in Los Angeles ist in UTC schon „morgen“. Speichere die Zeitzone des Nutzers in seinem Profil.
2. Zählt heute schon? Wenn heute noch nicht erledigt ist, sollte die aktuelle Serie weiterhin den Lauf bis gestern zeigen, statt um Mitternacht auf null zu fallen. Die meisten Tracker betrachten eine Serie erst dann als gebrochen, wenn ein geplanter Tag vollständig vorbei ist.
3. Nur geplante Tage. Bei einer Gewohnheit Montag–Mittwoch–Freitag ist Dienstag kein Fehltag.
4. Wochenziele. „3-mal pro Woche“ wird pro Woche gemessen, daher wird die Serie in Wochen gezählt.
5. Nachtragen. Können Nutzer den gestrigen Tag abhaken? Meist ja, innerhalb einer Grenze, weil Menschen vergessen.

Bitte die KI, die Berechnung der Serie als eigene, getestete Funktion zu schreiben, und gib ihr Beispiele mit erwarteten Ergebnissen. Das ist der Teil, den man am ehesten von Hand prüfen sollte.

Nur ein Nutzer oder Konten?

Wenn der Tracker nur für dich auf einem Gerät ist, kann er Daten im eigenen Speicher des Browsers halten – kein Login, keine Datenbank. Der Haken: Wenn du den Browser leerst oder das Handy wechselst, ist alles weg.

Wenn du deine Gewohnheiten auf Handy und Laptop willst oder die App für andere baust, ergänze:

• Login – E-Mail und Passwort oder ein Anmeldeanbieter. Siehe wie du Login zu deiner App hinzufügst.
• Eine Datenbank – damit die Daten auf dem Server liegen und zwischen Geräten synchronisiert werden.
• Datentrennung pro Nutzer – jede Person darf nur ihre eigenen Gewohnheiten sehen. Teste das, indem du dich mit zwei Nutzern anmeldest.

Gewohnheitsdaten können persönlich sein (Gesundheit, Abstinenz, Medikamente). Halte sie standardmäßig privat, füge kein soziales Teilen ohne ausdrückliche Zustimmung hinzu und gib Nutzern eine Möglichkeit, ihre Daten zu exportieren und zu löschen.

Erinnerungen, ehrlich betrachtet

Erinnerungen sind das Feature, das eine Web-App am stärksten von einer nativen App unterscheidet.

• Web-Push funktioniert in modernen Browsern. Auf iPhone und iPad hat Apples WebKit-Team erklärt, dass Web-Push ab iOS und iPadOS 16.4 für Web-Apps verfügbar ist, die zum Home-Bildschirm hinzugefügt wurden – Nutzer müssen die App also zuerst installieren und dann Benachrichtigungen erlauben.
• Etwas muss sie auslösen. Eine Erinnerung um 20 Uhr braucht einen serverseitigen Job, der nach Zeitplan läuft und den Push oder die E-Mail verschickt. Gehostete Apps, die sich bei Inaktivität schlafen legen, wachen nicht von selbst auf; frag deinen Builder, wie geplante Aufgaben ausgelöst werden.
• E-Mail ist der einfache Ersatz. Eine tägliche Zusammenfassung per E-Mail ist leichter zu bauen und funktioniert überall. Siehe wie du E-Mails aus deiner App verschickst.

Ein vernünftiger Plan: Ohne Erinnerungen starten, eine Woche nutzen und dann ergänzen.

Ein erster Prompt, der funktioniert

Baue eine Gewohnheiten-Tracker-Web-App, die zuerst für Handys gestaltet ist. Ich kann Gewohnheiten mit Name, Farbe und Zeitplan anlegen (jeden Tag, ausgewählte Wochentage oder N-mal pro Woche). Der Startbildschirm zeigt die heutigen Gewohnheiten als große Tipp-Flächen; ein Tipp markiert sie als erledigt, ein weiterer macht es rückgängig. Jede Gewohnheit zeigt ihre aktuelle und beste Serie, gezählt nur an geplanten Tagen, in meiner lokalen Zeitzone; ein heute noch nicht erledigter Tag bricht die Serie erst, wenn der Tag vorbei ist. Ein Verlaufsbildschirm zeigt pro Gewohnheit ein Monatsraster. Speichere Check-ins als lokale Kalenderdaten. Füge Login mit E-Mail und Passwort hinzu und speichere die Daten in einer Datenbank, damit sie zwischen meinem Handy und Laptop synchronisiert werden. Die App soll als PWA auf dem Home-Bildschirm installierbar sein, mit Icon und Name.

Build-Schritte

1. Heute-Ansicht mit Beispieldaten. Bringe den Hauptbildschirm auf einem Handy-Display zum Laufen, bevor du etwas anderes machst.
2. Gewohnheiten und Check-ins hinzufügen. Lege drei Gewohnheiten mit unterschiedlichen Zeitplänen an und hake sie ab.
3. Serienlogik. Gib der KI Testfälle: „Mo–Mi–Fr-Gewohnheit am Mo, Mi, Fr und Mo erledigt → Serie 4.“ Prüfe sie.
4. Verlaufsraster. Lücken müssen offensichtlich sein.
5. Login und Datenbank. Öffne die App dann auf einem zweiten Gerät und bestätige, dass die Daten übereinstimmen.
6. Installieren. Lege sie auf dem iPhone über Teilen → Zum Home-Bildschirm auf den Startbildschirm und auf Android über die Installationsoption des Browsers. Prüfe Icon, Name und den Start im Vollbild.
7. Eine Woche nutzen. Du findest mehr echte Probleme in sieben Tagen Nutzung als in einer Stunde Testen.

Häufige Fehler

• Server-Zeit für „heute“. Der häufigste Fehler bei Serien. Verwende die Zeitzone des Nutzers.
• Kleine Tipp-Flächen. Ein Tracker wird einhändig und halb wach benutzt. Mach die Check-in-Knöpfe groß.
• Zu viele Funktionen zuerst. Soziale Feeds, Abzeichen und Diagramme können warten, bis die Grundschleife funktioniert.
• Push auf dem iPhone versprechen, ohne Installation. Sag Nutzern, dass sie die App zuerst auf den Home-Bildschirm legen müssen.
• Kein Rückgängig. Fehltipps passieren täglich.
• Löschen statt archivieren. Menschen wollen ihren Verlauf behalten, wenn sie eine Gewohnheit aufgeben.

Wann eine fertige Gewohnheits-App besser ist

Wenn du nur deine eigenen Gewohnheiten verfolgen willst, sind etablierte Gewohnheits-Apps ausgereift, haben Widgets und native Benachrichtigungen und kosten wenig oder nichts. Bau dir eine eigene, wenn du etwas willst, das diese Apps nicht können – einen Tracker für ein bestimmtes Programm (eine Coaching-Gruppe, Patienten einer Praxis, eine Team-Challenge), eigene Regeln für Serien, Gewohnheiten, die an andere Daten gekoppelt sind, oder einfach die Freude an einem Werkzeug, das genau für dich gemacht ist. Außerdem ist es ein gutes Projekt, um zu verstehen, wie Apps funktionieren; siehe Nebenprojekt-Ideen, die du mit KI bauen kannst.

Mit Mythex bauen

Mythex baut das als Web-App: Du beschreibst sie im Chat, prüfst sie in der Vorschau im Telefonformat der Live-Vorschau, und wenn du Konten und Synchronisierung willst, legt Mythex eine Datenbank an. Veröffentliche sie unter einem öffentlichen Link und füge sie dem Home-Bildschirm deines Handys hinzu. Im Pro-Tarif kann Mythex sie außerdem als Android- und iPhone-App verpacken und an Google Play Interne Tests und TestFlight schicken. Für einen fertig geschriebenen Startprompt öffne die Vorlage für den täglichen Gewohnheiten-Tracker oder schau dir App-Vorlagen an.

Fragen