Een gewoontetracker-app bouwen

Een gewoontetracker is een lijst met gewoontes, een snelle manier om ze elke dag af te vinken, en een overzicht van reeksen en geschiedenis dat je gemotiveerd houdt. Het is een van de beste eerste apps om met AI te bouwen: de gegevens zijn klein, de regels zijn duidelijk en je gebruikt hem zelf elke dag. De praktische manier om er nu een te bouwen is als mobielvriendelijke webapp die je aan het beginscherm van je telefoon toevoegt — geen App Store-app — en deze gids is eerlijk over wat dat betekent voor herinneringen.

Webapp, geen App Store-app (voorlopig)

De meeste mensen zien een gewoontetracker als telefoonapp. Je hebt drie opties:

Voor een persoonlijke of kleine doelgroep-tracker is een PWA meestal de juiste eerste versie. Store-accounts kosten ook geld: volgens de eigen sites kost het Apple-ontwikkelaarsprogramma per september 2026 US$ 99 per jaar, en een Google Play-ontwikkelaarsaccount eenmalig US$ 25. Onze gids over native apps versus progressive web apps gaat verder in op de keuze, en hoe je een mobielvriendelijke webapp bouwt behandelt de details voor telefoons.

Een opmerking over AI-builders: de meeste bouwen webapps. Mythex doet dat ook, en op het Pro-abonnement verpakt het de webapp als Android- en iPhone-app, die naar interne tests in Google Play en TestFlight gaat. De schermen zijn webschermen; wil je volledig native interface, gebruik dan een native builder.

Wat een gewoontetracker nodig heeft

Kernfuncties

• Gewoontes: naam, optioneel icoon of kleur, en een schema — elke dag, specifieke weekdagen, of een aantal keer per week.
• Check-ins: één tik om vandaag af te vinken. Tik nog eens om het ongedaan te maken.
• Overzicht vandaag: de gewoontes die vandaag aan de beurt zijn, met voltooide gewoontes die er duidelijk anders uitzien. Dit is het scherm dat mensen het vaakst openen, dus het moet snel zijn.
• Reeksen: huidige reeks en beste reeks per gewoonte.
• Geschiedenis: een kalender of raster met elke dag, zodat gaten zichtbaar zijn.

Later leuk om te hebben

• Geteelde gewoontes („8 glazen water”, „20 bladzijden”) met een doel per dag.
• Notities bij een check-in („5 km gelopen, voelde zwaar”).
• Herinneringen op een gekozen tijdstip.
• Een gewoonte pauzeren (vakantie, ziekte) zonder de reeks te breken.
• Gewoontes die je bent gestopt archiveren in plaats van hun geschiedenis te verwijderen.

Gegevens

Twee tabellen dragen de hele app:

• Gewoontes — gebruiker, naam, schema, doel, aanmaakdatum, gearchiveerd-vlag.
• Check-ins — gewoonte, datum, waarde (voor geteelde gewoontes), notitie.

Sla de check-in op als een kalenderdatum (zoals 2026-09-29) in de tijdzone van de gebruiker, niet alleen als tijdstempel. Die ene beslissing voorkomt de meeste fouten in reeksen.

Reeksen goed krijgen

Reeksen lijken eenvoudig en zijn dat niet. Bepaal deze regels en zet ze in je prompt:

1. Wiens „vandaag”? Gebruik de lokale datum van de gebruiker. Een check-in om 23:30 in Los Angeles is in UTC al „morgen”. Sla de tijdzone van de gebruiker op in zijn profiel.
2. Telt vandaag al mee? Als vandaag nog niet is afgevinkt, moet de huidige reeks die van gisteren nog steeds tonen in plaats van om middernacht naar nul te vallen. De meeste trackers beschouwen een reeks pas als gebroken als een geplande dag volledig voorbij is.
3. Alleen geplande dagen. Bij een gewoonte op maandag, woensdag en vrijdag is dinsdag geen gemiste dag.
4. Wekelijkse doelen. „3 keer per week” wordt per week gemeten, dus de reeks wordt in weken geteld.
5. Achteraf invullen. Kunnen mensen gisteren afvinken? Meestal ja, binnen een grens, omdat mensen dingen vergeten.

Vraag de AI om de reeksberekening als een aparte, geteste functie te schrijven en geef voorbeelden met verwachte antwoorden. Dat is het deel dat het meest de moeite waard is om met de hand na te kijken.

Alleen voor jou of met accounts?

Als de tracker alleen voor jou is, op één apparaat, kan hij gegevens in de eigen opslag van de browser bewaren — geen inloggen, geen database. Het nadeel: als je de browser wist of van telefoon wisselt, is alles weg.

Wil je je gewoontes op je telefoon en laptop hebben, of bouw je hem voor anderen, voeg dan toe:

• Inloggen — e-mail en wachtwoord of een aanmeldprovider. Zie hoe je inloggen aan je app toevoegt.
• Een database — zodat gegevens op de server staan en tussen apparaten worden gesynchroniseerd.
• Gegevensisolatie per gebruiker — elke persoon mag alleen zijn eigen gewoontes zien. Test dat door als twee gebruikers in te loggen.

Gegevens over gewoontes kunnen persoonlijk zijn (gezondheid, nuchterheid, medicatie). Houd ze standaard privé, voeg geen sociaal delen toe zonder uitdrukkelijke toestemming, en geef gebruikers een manier om hun gegevens te exporteren en te verwijderen.

Herinneringen, eerlijk gezegd

Herinneringen zijn de functie die een webapp het meest van een native app onderscheidt.

• Webpush werkt in moderne browsers. Op iPhone en iPad heeft het WebKit-team van Apple gezegd dat webpush sinds iOS en iPadOS 16.4 beschikbaar is voor webapps die aan het beginscherm zijn toegevoegd — gebruikers moeten de app dus eerst installeren en daarna meldingen toestaan.
• Iets moet ze versturen. Een herinnering om 20:00 vraagt om een server-side taak die volgens een schema draait en de push of e-mail verstuurt. Gehoste apps die inslapen als ze inactief zijn, worden niet vanzelf wakker. Vraag je builder dus hoe geplande taken worden geactiveerd.
• E-mail is het eenvoudige alternatief. Een dagelijkse samenvatting per e-mail is makkelijker te bouwen en werkt overal. Zie hoe je e-mails vanuit je app verstuurt.

Een redelijk plan: lanceer zonder herinneringen, gebruik de app een week, en voeg ze daarna toe.

Een eerste prompt die werkt

Bouw een gewoontetracker-webapp die eerst voor telefoons is ontworpen. Ik kan gewoontes toevoegen met een naam, een kleur en een schema (elke dag, gekozen weekdagen, of N keer per week). Het startscherm toont de gewoontes van vandaag als grote tikdoelen; één tik markeert ze als gedaan, nog een tik maakt dat ongedaan. Elke gewoonte toont de huidige en beste reeks, alleen geteld op geplande dagen, in mijn lokale tijdzone, en vandaag breekt de reeks niet tot de dag voorbij is. Een geschiedenisscherm toont per gewoonte een maandraster. Sla check-ins op als lokale kalenderdata. Voeg inloggen toe met e-mail en wachtwoord en sla gegevens op in een database zodat ze tussen mijn telefoon en laptop worden gesynchroniseerd. Maak hem als PWA installeerbaar aan het beginscherm, met een icoon en naam.

Bouwstappen

1. Overzicht vandaag met voorbeeldgegevens. Zorg dat het hoofdscherm op een telefoon goed aanvoelt voordat je iets anders doet.
2. Gewoontes en check-ins toevoegen. Maak drie gewoontes met verschillende schema's aan en vink ze af.
3. Reekslogica. Geef de AI testgevallen: „gewoonte op ma–wo–vr, gedaan op ma, wo, vr, ma → reeks 4.” Controleer ze.
4. Rasterweergave van de geschiedenis. Maak gaten duidelijk zichtbaar.
5. Inloggen en database. Open daarna de app op een tweede apparaat en controleer of de gegevens overeenkomen.
6. Installeer hem. Voeg hem aan je beginscherm toe op iPhone (Delen → Zet op beginscherm) en Android (de installatieoptie van de browser). Controleer icoon, naam en opstarten op volledig scherm.
7. Gebruik hem een week. In zeven dagen gebruik vind je meer echte problemen dan in een uur testen.

Veelgemaakte fouten

• Servertijd voor „vandaag”. De meest voorkomende fout bij reeksen. Gebruik de tijdzone van de gebruiker.
• Kleine tikdoelen. Een tracker wordt met één hand gebruikt, half wakker. Maak de knoppen voor check-in groot.
• Te veel functies meteen. Sociale feeds, badges en grafieken kunnen wachten tot de basislus werkt.
• Push op iPhone beloven zonder installatie. Vertel gebruikers dat ze de app eerst aan het beginscherm moeten toevoegen.
• Geen ongedaan maken. Verkeerde tikken gebeuren dagelijks.
• Verwijderen in plaats van archiveren. Mensen willen hun geschiedenis bewaren als ze een gewoonte laten vallen.

Wanneer een kant-en-klare gewoonte-app beter is

Als je alleen je eigen gewoontes wilt bijhouden, zijn gevestigde gewoonte-apps afgewerkt, hebben ze widgets en systeemmeldingen, en kosten ze weinig of niets. Bouw zelf wanneer je iets wilt dat die apps niet doen — een tracker voor een specifiek programma (een groep coachingcliënten, de patiënten van een kliniek, een teamuitdaging), je eigen regels voor reeksen, gewoontes die aan andere gegevens zijn gekoppeld die je al bijhoudt, of simpelweg de voldoening van een tool die precies voor jou is gemaakt. Het is ook een goed project om te leren hoe apps werken; zie ideeën voor side-projecten die je met AI kunt bouwen.

Bouwen met Mythex

Mythex bouwt dit als webapp: je beschrijft hem in de chat, controleert hem in het voorbeeld op telefoonformaat van de live preview, en er komt een database bij zodra je om accounts en synchronisatie vraagt. Publiceer hem naar een openbare link en voeg hem aan het beginscherm van je telefoon toe. Op het Pro-abonnement kan Mythex hem ook verpakken als Android- en iPhone-app, die naar interne tests in Google Play en TestFlight gaat. Om te beginnen met een kant-en-klare prompt, open je de dagelijkse gewoontetracker-sjabloon of bekijk je de app-sjablonen.

Veelgestelde vragen