~$ posso vibecodar o Pomofocus?

## análise

Isso aqui é o rei da simplicidade. O core é apenas um timer regressivo com estados de ciclo (foco, pausa, pausa longa) e um CRUD básico de tarefas. Não tem segredo técnico, o desafio real aqui é o polimento do frontend para não parecer uma planilha dos anos 90 e a gestão de estado do timer para que ele não pare quando o usuário muda de aba ou o celular entra em modo economia de bateria.

## por que ainda pagam

As pessoas pagam porque, apesar do timer ser commodity, o Pomofocus virou o hub central de quem usa o método Pomodoro, especialmente pela integração com o Todoist e a capacidade de extrair relatórios. A recorrência vem da conveniência de não ter que configurar nada e da interface ser esteticamente agradável o suficiente para ficar aberta o dia todo.

O moat é puramente a conveniência de ter tudo em um lugar só e a integração com o Todoist que economiza minutos preciosos de fluxo de trabalho.

## o que você perde vibecodando

• ✗Integração nativa com Todoist
• ✗Webhooks para automação no Zapier
• ✗Relatórios históricos de longo prazo
• ✗Sincronização cross-device estável

## o prompt

Construa um clone minimalista do Pomofocus usando Next.js, Tailwind CSS e Supabase. O MVP deve incluir: 1) Um timer configurável (foco/pausa) que continua rodando via localStorage e Date.now() para evitar desvio. 2) CRUD de tarefas simples (título, check, estimativa de pomodoros). 3) Seletor de som de alarme. 4) Alternância de tema entre cores. 5) Persistência de dados no Supabase para usuários logados via Auth (Google). 6) Interface limpa, focada em desktop first. Exclua integrações complexas (Todoist/Webhooks) no primeiro build. O estado do timer deve ser robusto: ao abrir a aba, ele recalcula o tempo restante baseado no timestamp de término. Utilize Lucide React para ícones. Estrutura de banco: 'tasks' (user_id, title, completed, estimate, order) e 'profiles'. Design deve ser minimalista, usando apenas cores pastéis e tipografia limpa sem excessos.

## vereditos relacionados