Metas

Acompanhe objetivos, quebre-os em metas semanais e execute com tarefas diárias — com um quiz de onboarding que monta o primeiro plano, um funil de conversão medido no próprio app, gráficos de progresso, sequência de semanas cumpridas, um calendário de pontos do ano e um app instalável (PWA) no celular e no desktop.

Ver online · abrir direto no quiz · ver o funil

Entre como visitante para ver uma conta de demonstração com dados prontos (apagada após 24 h sem uso), ou crie sua conta com e-mail e senha.

As imagens deste README foram geradas com dados fictícios.

Funcionalidades

• Página de apresentação: quem abre o site sem sessão vê, na raiz, uma demonstração ao vivo do app, feita com os mesmos componentes do Hoje e dados fictícios, que acompanha a rolagem pelos três passos (objetivo, meta da semana e tarefa do dia) e pode ser clicada, mais os recursos extras e três formas de entrar. Quem já está logado continua indo direto para o Hoje.
• Tour de boas-vindas: na primeira visita, um diálogo em cinco etapas (objetivos, metas semanais, tarefas diárias, busca e aparência) apresenta o app. Ele lembra por cookie que já foi visto e pode ser reaberto no botão "?" do cabeçalho (no celular, em "Ver tour", no menu da conta).
• Contas e modo visitante: login com e-mail e senha (Better Auth) e visitante com dados fictícios gerados na hora; cada pessoa só vê os próprios dados. O visitante pode criar uma conta e levar o que montou; entrar numa conta que já existe descarta os dados de visitante.
• Quiz de onboarding: cinco perguntas (área, foco, prazo, dias da semana e maior obstáculo), com perguntas que mudam conforme a resposta anterior. No fim, o app mostra um plano pronto — objetivo com data-meta, meta semanal recorrente e tarefas nos dias escolhidos — e cria tudo com um clique. Abre sozinho no primeiro uso e fica disponível na tela de Objetivos.
• Funil do quiz (/funil): cada passagem pelo quiz grava eventos anônimos (etapa vista, resposta, resultado, plano criado). A página mostra passagens, taxa de criação do plano, tempo mediano até o plano, um gráfico de quantas pessoas chegaram a cada etapa com o maior abandono destacado, as respostas mais escolhidas e as últimas passagens.
• Hierarquia de três níveis: objetivo → metas semanais → tarefas diárias, com prazo e acompanhamento do tempo decorrido até a data-alvo.
• Tela Hoje: as tarefas do dia agrupadas por meta, ao lado do progresso da semana (anel de progresso e uma barra por dia), cada assunto em um painel. Marcar uma tarefa atualiza a tela na hora, antes de o servidor responder.
• Seus pequenos passos: no fim da tela Hoje, o efeito composto (1% melhor a cada dia feito) e o ano inteiro em pontinhos, um por dia, em três tons: nada feito, parte feita e dia feito (60% ou mais das tarefas planejadas para o dia, para que um imprevisto não apague o dia). Setas voltam aos anos anteriores e o botão "Ver o mês" abre o mês numa janela. A seção aparece também para quem ainda não tem nada feito, como convite.
• Metas recorrentes: uma meta marcada como "repete toda semana" é recriada, com suas tarefas, a cada nova semana. Quem volta depois de dias fora vê o que foi planejado e repete a última semana com um clique.
• Dashboard de objetivos: média de conclusão das últimas 8 semanas, barras por semana, sequência de semanas cumpridas e quanto do prazo já passou.
• Detalhe do objetivo: gráfico de conclusão por semana (Recharts), linha do tempo das semanas e as metas de cada uma.
• Progresso acumulado: um contador que só cresce (tarefas concluídas desde o início) e a constância das últimas semanas. A constância é medida em semanas, não em dias seguidos, para não punir quem perde um dia.
• Busca global (Ctrl K): encontra objetivos e metas semanais, de qualquer semana, a partir de qualquer tela.
• Tema claro e escuro, com um visual sóbrio (sem brilho, uma cor de destaque calma usada só no que importa) e fundo interativo (aurora discreta ou grade de pontos, desenhado em canvas).
• Instalável como app (PWA) e com layout próprio para celular, com navegação inferior.
• Navegação flutuante ("ilha"): no computador, o cabeçalho é uma barra arredondada flutuante no topo; no celular, a barra de baixo flutua. As duas somem ao rolar para baixo e voltam ao rolar para cima, e não somem enquanto estão em uso (foco, menu ou busca abertos).

Capturas de tela

Tour de boas-vindas

Seus pequenos passos

Objetivos

Detalhe de um objetivo

Funil do quiz (/funil)

Tema claro

Busca (Ctrl K)

No celular

Instalar como app (PWA)

O Metas tem manifest, ícones e atalhos (Hoje e Objetivos), então pode ser instalado:

以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗