Sådan bygger du en app til vanesporing

En vanesporing er en liste over vaner, en hurtig måde at afkrydse dem hver dag på og en oversigt over serier og historik, der holder dig i gang. Det er en af de bedste første apps at bygge med AI: dataene er små, reglerne er klare, og du vil selv bruge den hver dag. Den praktiske måde at bygge en i dag er som en mobilvenlig webapp, du føjer til telefonens hjemmeskærm — ikke en app fra App Store — og denne guide er ærlig om, hvad det betyder for påmindelser.

Webapp, ikke App Store-app (indtil videre)

De fleste forestiller sig en vanesporing som en telefonapp. Du har tre muligheder:

Til en personlig vanesporing eller en lille målgruppe er en PWA som regel den rigtige første version. Butikskonti koster også penge: fra september 2026 koster Apples udviklerprogram 99 US$ om året, og en Google Play-udviklerkonto koster 25 US$ engangs, ifølge deres egne sider. Vores guide til native apps vs. progressive webapps går dybere, og sådan bygger du en mobilvenlig webapp dækker detaljerne for telefonen.

En bemærkning om AI-byggere: de fleste af dem bygger webapps. Mythex gør også det, og på Pro-planen pakker det webappen som en Android- og iPhone-app, der sendes til intern test i Google Play og TestFlight. Skærmene er webskærme, så hvis du vil have helt native UI, skal du bruge en native byggeværktøj.

Hvad en vanesporing har brug for

Kernefunktioner

• Vaner: navn, valgfrit ikon eller farve og en plan — hver dag, bestemte ugedage eller et antal gange om ugen.
• Check-ins: ét tryk for at markere i dag som udført. Tryk igen for at fortryde.
• I dag-visning: de vaner, der skal gøres i dag, hvor udførte er tydeligt anderledes. Det er den skærm, folk åbner oftest, så den skal være hurtig.
• Serier: aktuel serie og bedste serie for hver vane.
• Historik: en kalender eller et gitter, der viser hver dag, så huller er synlige.

Godt at have, senere

• Talte vaner ("8 glas vand", "20 sider") med et mål pr. dag.
• Noter på et check-in ("løb 5 km, føltes langsomt").
• Påmindelser på et valgt tidspunkt.
• Pause i en vane (ferie, sygdom) uden at bryde serien.
• Arkivering af vaner, du er stoppet med, i stedet for at slette deres historik.

Data

To tabeller bærer hele appen:

• Vaner — bruger, navn, plan, mål, oprettelsesdato, arkiveret-flag.
• Check-ins — vane, dato, værdi (for talte vaner), note.

Gem check-in som en kalenderdato (som 2026-09-29) i brugerens tidszone, ikke kun som et tidsstempel. Den ene beslutning forhindrer de fleste fejl i serierne.

At få serierne rigtige

Serier ser enkle ud, men det er de ikke. Beslut disse regler og skriv dem i din prompt:

1. Hvis "i dag"? Brug brugerens lokale dato. Et check-in kl. 23:30 i Los Angeles er allerede "i morgen" i UTC. Gem brugerens tidszone i deres profil.
2. Tæller i dag endnu? Hvis i dag ikke er gennemført, skal den aktuelle serie stadig vise gårsdagens forløb i stedet for at falde til nul ved midnat. De fleste vanesporinger betragter kun serien som brudt, når en planlagt dag er helt forbi.
3. Kun planlagte dage. For en vane mandag–onsdag–fredag er tirsdag ikke en glemt dag.
4. Ugentlige mål. "3 gange om ugen" måles pr. uge, så dens serie tælles i uger.
5. Udfyldning af tidligere dage. Kan folk afkrydse i går? Som regel ja, inden for en grænse, fordi folk glemmer.

Bed AI'en om at skrive serieberegningen som en separat, testet funktion og giv den eksempler med forventede svar. Det er den del, det er mest værd at kontrollere i hånden.

Enkeltbruger eller konti?

Hvis vanesporingen kun er til dig, på én enhed, kan den gemme data i browserens egen lagring — ingen login, ingen database. Haken: Hvis du rydder browseren eller skifter telefon, forsvinder alt.

Hvis du vil have dine vaner på både telefon og laptop, eller du bygger den til andre, så tilføj:

• Login — e-mail og adgangskode eller en login-udbyder. Se sådan tilføjer du login til din app.
• En database — så data ligger på serveren og synkroniseres på tværs af enheder.
• Adskillelse af data pr. bruger — hver person må kun se sine egne vaner. Test det ved at logge ind som to brugere.

Data om vaner kan være personlige (helbred, misbrugsfrihed, medicin). Hold dem private som standard, tilføj ikke deling på sociale medier uden et eksplicit tilvalg, og giv brugerne en måde at eksportere og slette deres data på.

Påmindelser, ærligt talt

Påmindelser er den funktion, der mest adskiller en webapp fra en native app.

• Web push virker i moderne browsere. På iPhone og iPad skrev Apples WebKit-team, at web push kom til iOS og iPadOS 16.4 for webapps, der er føjet til hjemmeskærmen — så brugerne skal først installere appen og derefter tillade notifikationer.
• Noget skal sende dem. En påmindelse kl. 20 kræver et server-job, der kører efter en plan og sender push eller e-mail. Hostede apps, der sover, når de er inaktive, vågner ikke af sig selv, så spørg din byggerer, hvordan planlagt arbejde udløses.
• E-mail er den enkle reserveløsning. En daglig opsummering på e-mail er lettere at bygge og virker overalt. Se sådan sender du e-mails fra din app.

En fornuftig plan: Lancér uden påmindelser, brug den i en uge, og tilføj dem derefter.

En første prompt, der virker

Byg en webapp til vanesporing, designet først til telefoner. Jeg kan tilføje vaner med et navn, en farve og en plan (hver dag, valgte ugedage eller N gange om ugen). Startskærmen viser dagens vaner som store knapper; ét tryk markerer som udført, og et nyt tryk fortryder det. Hver vane viser sin aktuelle og bedste serie, talt kun på planlagte dage i min lokale tidszone, og i dag bryder ikke serien, før dagen er forbi. En historikskærm viser et månedsgitter pr. vane. Gem check-ins som lokale kalenderdatoer. Tilføj login med e-mail og adgangskode, og gem data i en database, så de synkroniseres mellem min telefon og laptop. Gør den installerbar på hjemmeskærmen som en PWA med ikon og navn.

Byggetrin

1. I dag-visning med eksempeldata. Få hovedskærmen til at føles rigtig på en telefonskærm, før alt andet.
2. Tilføj vaner og check-ins. Opret tre vaner med forskellige planer, og afkryds dem.
3. Serielogik. Giv AI'en testcases: "Mandag–onsdag–fredag-vane udført mandag, onsdag, fredag, mandag → serie 4." Kontrollér dem.
4. Historikgitter. Gør huller tydelige.
5. Login og database. Åbn den derefter på en anden enhed, og bekræft at dataene stemmer.
6. Installér den. Føj den til din hjemmeskærm på iPhone (Del → Føj til hjemmeskærm) og Android (browserens installationsmulighed). Tjek ikon, navn og start i fuldskærm.
7. Brug den i en uge. Du finder flere reelle problemer på syv dages brug end på en times test.

Almindelige fejl

• Server-tid til "i dag". Den mest almindelige fejl i serier. Brug brugerens tidszone.
• Små tryk-områder. En vanesporing bruges med én hånd, halvvågen. Gør check-in-knapperne store.
• For mange funktioner først. Sociale feeds, badges og diagrammer kan vente, til den grundlæggende løkke virker.
• At love push på iPhone uden installation. Bed brugerne om først at føje den til hjemmeskærmen.
• Ingen fortryd-funktion. Forkerte tryk sker dagligt.
• Sletning i stedet for arkivering. Folk vil beholde deres historik, når de stopper med en vane.

Hvornår en færdig vane-app er det bedre valg

Hvis du bare vil spore dine egne vaner, er etablerede vane-apps poleret, har widgets og native notifikationer, og de koster lidt eller intet. Byg din egen, når du vil have noget, de apps ikke gør — en tracker til et bestemt program (en gruppe coachingklienter, et klinikkens patienter, en holdudfordring), dine egne regler for serier, vaner knyttet til andre data du gemmer, eller blot tilfredsheden ved et værktøj lavet præcis til dig. Det er også et godt projekt til at lære, hvordan apps fungerer; se sideprojektidéer, du kan bygge med AI.

Byg det med Mythex

Mythex bygger dette som en webapp: Du beskriver den i chatten, tjekker den i live-forhåndsvisningens telefonstørrelsesramme, og den tilføjer en database, når du beder om konti og synkronisering. Publicér til et offentligt link, og føj det til din telefons hjemmeskærm. På Pro kan Mythex også pakke den som en Android- og iPhone-app, der sendes til intern test i Google Play og TestFlight. For at starte fra en færdigskrevet prompt, åbn skabelonen til daglig vanesporing eller se app-skabeloner.

Spørgsmål