Volver a los proyectos

Crias

Aplicación de celular (PWA) de hábitos en grupo con aire de RPG: check-in diario, racha, oro, personaje en el sendero y tienda de premios.

90días de racha del grupo
01El problema

Un hábito marcado a solas no se lo reclama nadie. En Crias el grupo ve lo que hizo cada uno, valida la prueba con foto y compite en un ranking con un premio pactado entre ellos.

02La decisión

Poner al grupo como testigo y a la notificación como disparador. Cada rutina aparece a la hora justa, el aviso ya trae dentro el botón de completar, y la prueba con foto llega al feed del grupo antes de que entre el oro. El oro paga premios que la propia persona registró y ropa del personaje, así cumplir lo pactado se vuelve algo visible. Marcar es del celular, pero quien cuenta el oro, la vida y la racha es el servidor, con su reloj: no se puede adelantar el check-in ni marcar dos veces el mismo día.

03El resultado

Aplicación de celular en uso por un grupo real, instalable directo desde el navegador, con noventa días seguidos de uso y setenta por ciento del grupo manteniendo la racha.

Periodo
Agosto de 2026
Rol
Producto, base de datos y mobile
Tecnologías
ReactTypeScriptViteTailwindPostgreSQLDenoPWA
  • Hoy, el día en una lista

    Abre en lo que falta hacer hoy, con el oro y la vida arriba y una campana de avisos. Las rutinas quedan separadas en pendientes, completadas y una sección Evitar, para los hábitos que la persona quiere cortar. Cuando no hay nada, la pantalla dice por qué en vez de quedar vacía.

  • Check-in con prueba

    Tocar la rutina abre una hoja con la racha, la frecuencia y el botón de completar. El botón cambia de texto según la rutina: un vaso de agua cierra el día, una marca cierra el período, y tiempo de pantalla se vuelve Declarar y enviar al grupo. El grupo que exige foto sólo acepta el check-in con la imagen adjunta, mostrada antes de enviar.

  • Crear rutina y elegir frecuencia

    El formulario pregunta si es para hacer o evitar, pide título, ícono y frecuencia. Son ocho frecuencias, de todos los días a un día fijo del mes. Las rutinas de despertar temprano, dormir temprano, agua y tiempo de pantalla tienen configuración propia, con franjas de horario que pagan menos conforme avanza el día y alarmas por vaso.

  • Grupo, marcador y ranking

    Dentro del grupo aparecen la portada, cuántos miembros tiene, quién ya completó hoy, el ranking y la lista de desafíos. El desafío con ocurrencia hoy se vuelve el mismo card de la pantalla Hoy, así que se puede marcar sin salir del grupo. Quien administra define nombre, exigencia de foto y el premio en oro de cada lugar del podio, y el ranking muestra la premiación de la semana pasada.

  • Actividad y validación por el grupo

    El feed muestra los check-ins en orden, con foto de comprobación y nombre de quien lo hizo. La declaración de tiempo de pantalla entra como un card con contorno punteado y un reloj diciendo cuánto falta, con los botones de validar o impugnar dentro de él. Quien no recibe voto en contra dentro del plazo queda aprobado solo, y el oro entra cuando la validación cierra.

  • Sendero del personaje

    El sendero dibuja al personaje subiendo un nodo por día productivo, en un camino serpenteado, con un cofre cada siete nodos. Abajo quedan la barra de vida, los escudos guardados y el historial de lo que quitó o devolvió vida, con fecha y hora. Un calendario de los últimos treinta y cinco días muestra la consistencia reciente, incluidos los huecos.

  • Tienda de premios y colección

    La persona registra su propio premio, escribe qué gana y cuánto cuesta en oro, y lo canjea cuando junta. En la misma pantalla quedan tres pociones, vida, oro doble y escudo, y la colección del personaje en cuatro estantes. Son 43 personajes, 10 accesorios, 8 escenarios y 4 fondos en pixel art, con botón de comprar y de vestir.

  • Notificación que se resuelve en la propia notificación

    Dentro de la aplicación hay una central de notificaciones, abierta por la campana, con las no leídas destacadas para quien perdió el aviso. En el celular, el aviso llega con dos botones, Completar y Después, y el check-in ocurre ahí sin abrir la aplicación. Quien toca el cuerpo del aviso cae directo en la hoja de esa rutina.

  • Primera vez en la aplicación

    La cuenta nueva pasa por cuatro pasos: elegir el personaje, decir cómo quiere que la llamen, crear el primer hábito y llamar a alguien, creando un grupo o entrando por código de seis letras. Un paso enseña a instalar Crias en la pantalla de inicio, con el texto correcto para iPhone y para Android. Después entra un recorrido de cuatro pantallas.