Com crear una aplicació de seguiment d'hàbits

Un seguidor d'hàbits és una llista d'hàbits, una manera ràpida de marcar-los cada dia i una vista de les ratxes i de l'historial que et mantenen motivat. És una de les millors primeres aplicacions per construir amb IA: les dades són poques, les normes són clares i tu mateix la faràs servir cada dia. La manera pràctica d'construir-ne un avui és com una aplicació web adaptada al mòbil que afegeixes a la pantalla d'inici del telèfon —no una aplicació de l'App Store—, i aquesta guia és clara sobre el que això implica per als recordatoris.

Aplicació web, no aplicació de l'App Store (de moment)

La majoria de la gent imagina un seguidor d'hàbits com una aplicació de telèfon. Tens tres opcions:

Per a un seguidor d'hàbits personal o amb un públic petit, una PWA sol ser la opció adequada per a la primera versió. Els comptes a les botigues també costen diners: a setembre de 2026, el programa per a desenvolupadors d'Apple costa 99 dòlars nord-americans l'any i un compte de desenvolupador de Google Play costa 25 dòlars una sola vegada, segons els seus propis llocs. La nostra guia sobre aplicacions natives contra aplicacions web progressives ho explica amb més detall, i com construir una aplicació web adaptada al mòbil cobreix els detalls per al telèfon.

Una nota sobre els constructors amb IA: la majoria construeixen aplicacions web. Mythex també, i al pla Pro empaqueta l'aplicació web com a aplicació d'Android i d'iPhone, enviada a proves internes de Google Play i a TestFlight. Les pantalles són pantalles web, així que si vols una interfície completament nativa, fes servir un constructor natiu.

Què necessita un seguidor d'hàbits

Funcions bàsiques

• Hàbits: nom, icona o color opcionals, i un calendari: cada dia, dies de la setmana concrets, o un nombre de vegades per setmana.
• Registres: un toc per marcar avui com a fet. Un altre toc per desfer-ho.
• Vista d'avui: els hàbits que toca fer avui, amb els fets visiblement diferents. És la pantalla que la gent obre més, així que ha de ser ràpida.
• Ratxes: la ratxa actual i la millor ratxa de cada hàbit.
• Historial: un calendari o una graella que mostri cada dia, perquè les llacunes es vegin.

Bé tenir-ho, més endavant

• Hàbits amb recompte («8 gots d'aigua», «20 pàgines») amb un objectiu diari.
• Notes en un registre («he corregut 5 km, em vaig sentir lent»).
• Recordatoris a una hora escollida.
• Pausar un hàbit (vacances, malaltia) sense trencar la ratxa.
• Arxivar els hàbits que has deixat en lloc d'esborrar-ne l'historial.

Dades

Dues taules sostenen tota l'aplicació:

• Hàbits: usuari, nom, calendari, objectiu, data de creació, indicador d'arxivat.
• Registres: hàbit, data, valor (per als hàbits amb recompte), nota.

Desa el registre com una data de calendari (com 2026-09-29) en el fus horari de l'usuari, no només com una marca de temps. Aquesta sola decisió evita la majoria d'errors de ratxa.

Fer bé les ratxes

Les ratxes semblen simples i no ho són. Decideix aquestes normes i posa-les al prompt:

1. Quin «avui»? Fes servir la data local de l'usuari. Un registre a les 23:30 a Los Angeles ja és «demà» en UTC. Desa el fus horari de l'usuari al seu perfil.
2. Avui ja compta? Si avui no s'ha fet, la ratxa actual hauria de seguir mostrant la sèrie d'ahir en lloc de caure a zero a mitjanit. La majoria de seguidors tracten la ratxa com a trencada només quan ja ha passat completament un dia programat.
3. Només dies programats. Per a un hàbit de dilluns, dimecres i divendres, el dimarts no és una falta.
4. Objectius setmanals. «3 vegades per setmana» es mesura per setmana, de manera que la seva ratxa es compta en setmanes.
5. Omplir enrere. Es pot marcar ahir? Normalment sí, dins d'un límit, perquè la gent s'oblida.

Demana a la IA que escrigui el càlcul de la ratxa com una funció separada i provada, i dona-li exemples amb les respostes esperades. Aquesta és la part que més val la pena comprovar a mà.

Un sol usuari o comptes?

Si el seguidor és només per a tu, en un sol dispositiu, pot guardar les dades a l'emmagatzematge del navegador: sense inici de sessió, sense base de dades. El risc: si esborres el navegador o canvies de telèfon, es perd tot.

Si vols els teus hàbits al telèfon i al portàtil, o si el construeixes per a altres persones, afegeix:

• Inici de sessió: correu i contrasenya o un proveïdor d'inici de sessió. Consulta com afegir inici de sessió a la teva aplicació.
• Una base de dades: perquè les dades visquin al servidor i se sincronitzin entre dispositius.
• Aïllament de dades per usuari: cada persona només ha de veure els seus propis hàbits mai. Prova-ho iniciant sessió com a dos usuaris.

Les dades d'hàbits poden ser personals (salut, sobrietat, medicació). Mantén-les privades per defecte, no afegeixis compartició social sense un consentiment explícit, i dona als usuaris una manera d'exportar i esborrar les seves dades.

Recordatoris, amb honestedat

Els recordatoris són la funció que més separa una aplicació web d'una de nativa.

• Les notificacions push web funcionen als navegadors moderns. A l'iPhone i a l'iPad, l'equip de WebKit d'Apple diu que les push web van arribar a iOS i iPadOS 16.4 per a les aplicacions web afegides a la pantalla d'inici; per tant, els usuaris han d'instal·lar primer l'aplicació i després permetre les notificacions.
• Alguna cosa les ha d'enviar. Un recordatori a les 8 del vespre necessita una tasca al servidor que s'executi programadament i enviï la push o el correu. Les aplicacions allotjades que es posen en repòs quan no s'utilitzen no es despertaran soles, així que pregunta al teu constructor com es dispararà el treball programat.
• El correu és l'alternativa simple. Un correu de resum diari és més fàcil de construir i funciona a tot arreu. Consulta com enviar correus des de la teva aplicació.

Un pla raonable: llança-la sense recordatoris, fes-la servir una setmana i després afegeix-los.

Un primer prompt que funciona

Construeix una aplicació web de seguiment d'hàbits pensada primer per als telèfons. Puc afegir hàbits amb un nom, un color i un calendari (cada dia, dies de la setmana escollits, o N vegades per setmana). La pantalla d'inici mostra els hàbits d'avui com a àrees de toc grans; un toc els marca com a fets i un altre toc ho desfà. Cada hàbit mostra la seva ratxa actual i la millor, comptades només en els dies programats, amb el meu fus horari local, i avui no trenca la ratxa fins que acabi el dia. Una pantalla d'historial mostra una graella mensual per a cada hàbit. Desa els registres com a dates de calendari locals. Afegeix inici de sessió amb correu i contrasenya i desa les dades en una base de dades perquè es sincronitzin entre el meu telèfon i el portàtil. Fes que es pugui instal·lar a la pantalla d'inici com a PWA, amb icona i nom.

Passos de construcció

1. La vista d'avui amb dades d'exemple. Fes que la pantalla principal se senti bé en una mida de telèfon abans de res més.
2. Afegeix hàbits i registres. Crea tres hàbits amb calendaris diferents i marca'ls.
3. Lògica de les ratxes. Dona a la IA casos de prova: «hàbit de dilluns-dimecres-divendres fet dilluns, dimecres, divendres, dilluns → ratxa 4». Comprova-ho.
4. Graella d'historial. Fes que les llacunes siguin òbvies.
5. Inici de sessió i base de dades. Després obre-la en un segon dispositiu i confirma que les dades coincideixen.
6. Instal·la-la. Afegeix-la a la pantalla d'inici de l'iPhone (Compartir → Afegeix a la pantalla d'inici) i de l'Android (l'opció d'instal·lació del navegador). Comprova la icona, el nom i l'inici a pantalla completa.
7. Fes-la servir una setmana. Trobaràs més problemes reals en set dies d'ús que en una hora de proves.

Errors habituals

• L'hora del servidor per a «avui». El fallada de ratxa més habitual. Fes servir el fus horari de l'usuari.
• Objectius de toc petits. Un seguidor s'usa amb una mà, mig despert. Fes que els botons de registre siguin grans.
• Massa funcions primer. Els feeds socials, les insígnies i els gràfics poden esperar fins que el bucle bàsic funcioni.
• Prometre push a l'iPhone sense instal·lar. Digues als usuaris que l'afegeixin primer a la pantalla d'inici.
• Sense desfer. Els tocs equivocats passen cada dia.
• Esborrar en lloc d'arxivar. La gent vol conservar l'historial quan deixa un hàbit.

Quan una aplicació d'hàbits feta és millor

Si només vols fer el seguiment dels teus propis hàbits, les aplicacions d'hàbits establertes estan polides, tenen widgets i notificacions nadiues, i costen poc o res. Construeix-ne una teva quan vulguis alguna cosa que aquestes aplicacions no fan: un seguidor per a un programa concret (un grup de clients d'un coach, els pacients d'una clínica, un repte d'equip), les teves pròpies normes per a les ratxes, hàbits vinculats a altres dades que guardes, o simplement la satisfacció d'una eina feta exactament per a tu. També és un bon projecte per aprendre com funcionen les aplicacions; consulta idees de projectes personals que pots construir amb IA.

Construir-lo amb Mythex

Mythex el construeix com a aplicació web: ho descrius al xat, ho comproves a la vista prèvia en mida de telèfon en directe, i afegeix una base de dades quan li demanes comptes i sincronització. Publica-la en un enllaç públic i afegeix-la a la pantalla d'inici del telèfon. Al pla Pro, Mythex també pot empaquetar-la com a aplicació d'Android i d'iPhone, enviada a proves internes de Google Play i a TestFlight. Per començar amb un prompt ja escrit, obre la plantilla de seguidor d'hàbits diaris o mira les plantilles d'aplicacions.

Preguntes