Bouw een habit tracker app die op je telefoon blijft

De schermen die een habit tracker nodig heeft

Vandaag: Elke gewoonte die vandaag op het programma staat, met een groot tikvlak om hem af te vinken. Ongedaan maken is één tik verderop. Met dit scherm opent de app.
Gewoonte toevoegen of bewerken: Een naam, hoe vaak (dagelijks, op bepaalde weekdagen of een aantal keer per week), een optioneel doel zoals 20 minuten of 8 glazen, en een kleur.
Geschiedenis: Een kalenderraster per gewoonte, met gevulde vakjes voor de dagen dat het gelukt is. Mensen zien liever een jaar aan vakjes dan welk getal ook.
Inzichten: Huidige streak, langste streak en het percentage voltooid over de laatste 30 dagen, met een eenvoudige staaf- of lijngrafiek.

De rest is optioneel. Herinneringen, een dagboek, stemmingsscores en badges maken het allemaal zwaarder, en de meeste mensen die met een tracker stoppen, doen dat omdat de app elke dag te veel van ze vraagt, niet te weinig.

Streaks zonder schuldgevoel

Een streakteller motiveert tot hij breekt, en één gemiste dag die 60 dagen terugzet naar nul is het moment waarop veel mensen er definitief mee stoppen. Bepaal je regels voordat je bouwt:

Weekdoelen in plaats van dagdoelen. "Drie keer per week hardlopen" breekt niet door een rustdag.
Overslaandagen. Een geplande overslag (vakantie, ziekte) die de streak pauzeert in plaats van beëindigt.
Respijtperiode. Laat gisteren tot vandaag 12.00 uur nog afvinken, voor mensen die 's avonds vergeten af te vinken.
Laat ook het lange termijnbeeld zien. "27 van de laatste 30 dagen" overleeft een gemiste dag waar een streak dat niet doet.

Bepaal ook wat "vandaag" betekent. Wie om 1 uur 's nachts incheckt, bedoelt meestal gisteren. Een instelbaar beginuur van de dag (zeg 4 uur 's ochtends) lost dit ongemerkt op.

Beginnen met Ritualist of met een zin

De templategalerij van Anticode bevat Ritualist, een habit tracker die door het model van Anticode is geschreven. Als je hem gebruikt, wordt de hele app naar je project gekopieerd zonder modelaanroep en zonder dat het van je limieten afgaat, en daarna kun je hem omvormen met wijzigingsverzoeken: "voeg weekdoelen toe", "maak van de geschiedenis een jaarraster", "gebruik groen voor voltooide dagen".

Wil je er zelf een vanaf nul bouwen, beschrijf dan de gewoontes, de regels en het gevoel: "Een dagelijkse habit tracker voor een schrijver: geschreven woorden als getalsdoel, lezen als ja/nee, en ochtenden zonder telefoon. Eerst het weekoverzicht. Streaks met één overslag per week. Rustig, donker, grote tikvlakken." Het model schrijft de tracker als één app die in de browser draait, met grafieken die in code worden getekend en een check-inscherm dat is ontworpen voor gebruik met één hand.

Waar je gegevens worden bewaard

Anticode-apps draaien in een sandbox zonder netwerk, dus een habit tracker die je hier bouwt, stuurt je check-ins nooit naar een server, ook niet naar die van Anticode. Gewoontes en geschiedenis worden opgeslagen in de browser die je gebruikt, en ze staan er de volgende keer dat je de app op dat apparaat opent. Voor een persoonlijke gewoonte, zoals therapieoefeningen of minder drinken, is dat een voordeel dat het vermelden waard is op het welkomstscherm.

Elke gepubliceerde site kan ook als app worden geïnstalleerd op telefoons en computers, met een eigen pictogram en een offline terugvaloptie. Op het beginscherm van je telefoon opent de tracker als elke andere app, en dat is precies de laagdrempelige check-in die je wilt.

De afweging: geen sync

Omdat niets het apparaat verlaat, is er geen synchronisatie. Check je in op je telefoon, dan laat je laptop niets zien. Wis je de sitegegevens van de browser of gebruik je een privévenster, dan ben je de geschiedenis kwijt. Twee gewoontes helpen: gebruik de tracker op één apparaat, en vraag om een knop voor exporteren en importeren (een bestand dat je zelf opslaat en laadt), zodat je je geschiedenis kunt verplaatsen of een back-up kunt bewaren.

Wat hij niet kan

Geen pushherinneringen. De app kan geen meldingen sturen als hij gesloten is. Gebruik de herinneringen of agenda van je telefoon als geheugensteuntje.
Geen maatjes die meekijken. Voortgang delen met een vriend of coach vraagt om gedeelde gegevens, en die heeft de sandbox niet.
Geen gezondheidsgegevens. Hij kan geen stappen, slaap of hartslag uitlezen van een horloge of gezondheidsapp; zulke gegevens typ je zelf in.
Geen product voor veel gebruikers. Wil je een habit-app met accounts en sync voor het publiek lanceren, dan geeft de export naar Next.js een developer een startpunt met een database en inloggen.

Veelgestelde vragen

Is de habit tracker app privé?

Je check-ins blijven in je eigen browser op je apparaat. Anticode ziet alleen dat de gepubliceerde pagina is bekeken, geteld zonder cookies.

Kan ik mijn tracker met mijn gezin delen?

Je kunt de link delen, en ieder krijgt een eigen lege tracker op het eigen apparaat. Hun gegevens en die van jou raken nooit vermengd.

Kan hij ook getallen bijhouden, niet alleen ja of nee?

Ja. Vraag om gewoontes met een getalsdoel (minuten, pagina's, glazen) en een grafiek van de waarden door de tijd.