Estudo de caso 03 / Aplicação web · Full stack
Gravidade Zero
Um Kanban em React e TypeScript, com autenticação Google, organização de tarefas e persistência por usuário.
Ver código no GitHub01 / Contexto
O problema
Um quadro pessoal precisa organizar tarefas de forma flexível e manter os dados disponíveis entre sessões, associados ao usuário autenticado.
02 / Implementação
A solução
Interface React com movimentação de tarefas, colunas editáveis e temas. A API Node.js valida tokens Firebase e persiste informações no Turso.
- React
- Firebase Auth
- API Node.js
- Turso
03 / Participação
Minha contribuição
Desenvolvimento da aplicação e evolução da experiência de uso, incluindo temas, edição de colunas e ajustes para dispositivos móveis registrados no histórico público.
04 / Engenharia
Decisões que importam
Identidade validada no servidor
O backend verifica o token Firebase antes de consultar ou criar tarefas. O identificador não é aceito simplesmente como um campo enviado pelo navegador.
Separar interface e persistência
O React cuida da interação; endpoints de API concentram o acesso ao banco e usam consultas parametrizadas.
Adaptar a interação
O histórico registra ajustes de edição por teclado e comportamento móvel, além de personalização com temas.
05 / Entrega
Resultado e limites
Um projeto web que conecta interação no front-end, autenticação e armazenamento. As consultas de tarefas usam o identificador do usuário validado no servidor.
06 / Código aberto