Frontend - Conversion Todo

Interface React em português com tema Conversion para gerenciamento de tarefas.

Componentes

  • App.tsx - Componente principal com lógica de estado
  • Header.tsx - Cabeçalho com logo e informações do usuário
  • TodoForm.tsx - Formulário para criar/editar tarefas
  • TodoList.tsx - Lista de tarefas organizadas por status
  • TodoItem.tsx - Item individual de tarefa com ações

Funcionalidades

  • ✅ Login com Google via LastLogin
  • ✅ Criação de tarefas com prioridade e data de vencimento
  • ✅ Edição inline de tarefas
  • ✅ Marcação de conclusão
  • ✅ Exclusão de tarefas
  • ✅ Organização por status (pendentes/concluídas)
  • ✅ Indicação visual de prioridades
  • ✅ Alertas para tarefas atrasadas

Design

  • Tema azul Conversion (#4F7CFF)
  • TailwindCSS para estilização
  • Design responsivo
  • Interface em português
  • Ícones emoji para melhor UX

Estado

O estado inicial é injetado pelo servidor para evitar loading desnecessário. O estado é gerenciado localmente com React hooks.