Voltar aos projetos

Crias

Aplicativo de celular (PWA) de hábitos em grupo com jeito de RPG: check-in diário, sequência, ouro, personagem na trilha e loja de prêmios.

90dias de sequência do grupo
01O problema

Hábito marcado sozinho não é cobrado por ninguém. No Crias o grupo vê o que cada um fez, valida a comprovação por foto e disputa um ranking com prêmio combinado entre eles.

02A decisão

Pôr o grupo como testemunha e a notificação como gatilho. Cada rotina aparece na hora certa, o aviso já traz o botão de concluir dentro dele, e a comprovação com foto vai para o feed do grupo antes de o ouro entrar. O ouro paga prêmio que a própria pessoa cadastrou e roupa do personagem, então cumprir o combinado vira coisa visível. Marcar é do celular, mas quem conta o ouro, a vida e a sequência é o servidor, com o relógio dele: não dá para adiantar o check-in nem marcar duas vezes o mesmo dia.

03O resultado

Aplicativo de celular em uso por um grupo real, instalável direto pelo navegador, com noventa dias seguidos de uso e setenta por cento do grupo mantendo a sequência.

Período
Agosto de 2026
Papel
Produto, banco e mobile
Tecnologias
ReactTypeScriptViteTailwindPostgreSQLDenoPWA
  • Hoje, o dia em uma lista

    Abre no que falta fazer hoje, com o ouro e a vida no topo e um sino de avisos. As rotinas ficam separadas em pendentes, concluídas e uma seção Evitar, para os hábitos que a pessoa quer cortar. Quando não há nada, a tela diz por quê em vez de ficar vazia.

  • Check-in com prova

    Tocar na rotina abre uma folha com a sequência, a frequência e o botão de concluir. O botão muda de texto conforme a rotina: um copo de água fecha o dia, uma marcação fecha o período, e tempo de tela vira Declarar e enviar ao grupo. Grupo que exige foto só aceita o check-in com a imagem anexada, mostrada antes de enviar.

  • Criar rotina e escolher frequência

    O formulário pergunta se é para fazer ou evitar, pede título, ícone e frequência. São oito frequências, de todo dia a dia fixo do mês. Rotinas de acordar cedo, dormir cedo, água e tempo de tela têm configuração própria, com faixas de horário que pagam menos conforme o dia passa e alarmes por copo.

  • Grupo, placar e ranking

    Dentro do grupo aparecem a capa, quantos membros tem, quem já concluiu hoje, o ranking e a lista de desafios. Desafio com ocorrência hoje vira o mesmo cartão da tela Hoje, então dá para marcar sem sair do grupo. Quem administra define nome, exigência de foto e o prêmio em ouro de cada lugar do pódio, e o ranking mostra a premiação da semana passada.

  • Atividade e validação pelo grupo

    O feed mostra os check-ins em ordem, com foto de comprovação e nome de quem fez. Declaração de tempo de tela entra como um cartão com contorno tracejado e um relógio dizendo quanto falta, com os botões de validar ou contestar dentro dele. Quem não recebe voto contra dentro do prazo é aprovado sozinho, e o ouro entra quando a validação fecha.

  • Trilha do personagem

    A trilha desenha o personagem subindo um nó por dia produtivo, em caminho serpenteado, com baú a cada sete nós. Abaixo ficam a barra de vida, os escudos guardados e o histórico do que tirou ou devolveu vida, com data e hora. Um calendário dos últimos trinta e cinco dias mostra a consistência recente, inclusive os buracos.

  • Loja de prêmios e coleção

    A pessoa cadastra o próprio prêmio, escreve o que ganha e quanto custa em ouro, e resgata quando junta. Na mesma tela ficam três poções, vida, ouro dobrado e escudo, e a coleção do personagem em quatro prateleiras. São 43 personagens, 10 acessórios, 8 cenários e 4 fundos em pixel art, com botão de comprar e vestir.

  • Notificação que resolve na própria notificação

    Dentro do app existe uma central de notificações, aberta pelo sino, com as não lidas em destaque para quem perdeu o aviso. No celular, o aviso chega com dois botões, Concluir e Depois, e o check-in acontece ali sem abrir o app. Quem toca no corpo do aviso cai direto na folha daquela rotina.

  • Primeira vez no app

    A conta nova passa por quatro passos: escolher o personagem, dizer como quer ser chamada, criar o primeiro hábito e chamar alguém, criando um grupo ou entrando por código de seis letras. Um passo ensina a instalar o Crias na tela de início, com o texto certo para iPhone e para Android. Depois entra um tour de quatro telas.