Voltar
Modulos 1-2 · 6 horas

App de Lista de Tarefas

Uma aplicacao completa de gestao de tarefas — do backend ao deploy. Voce recebe o projeto com bugs intencionais e evolui ele usando Claude Code desde o primeiro minuto.

HonoTypeScriptCloudflare WorkersVitest

Visao Geral

O projeto que ensina voce a pensar com IA

O App de Lista de Tarefas e uma aplicacao funcional rodando no Cloudflare Workers. O codigo esta limpo, os testes estao escritos — mas dois deles falham. O motivo? Um bug intencional que nao valida o titulo ao criar uma tarefa.

Esse cenario simula exatamente o dia a dia de qualquer profissional: voce recebe um projeto existente, precisa entender como funciona, encontrar o problema e corrigir. A diferenca e que aqui voce faz tudo isso com Claude Code ao seu lado — aprendendo a configurar, comandar e confiar no assistente.

🔍

Debug assistido por IA

Aprenda a usar Claude Code para navegar por um projeto desconhecido, analisar testes falhando e localizar bugs rapidamente.

📋

Configuracao profissional

Configure CLAUDE.md, permissoes e custom commands para que o assistente trabalhe exatamente como voce precisa.

⚡

Workflow produtivo

Construa um workflow completo com hooks, logging de sessoes e automacao que voce vai levar para seus projetos reais.

O Bug

Encontre o que esta errado

A aplicacao aceita criar tarefas sem titulo — um bug intencional. Os testes de validacao falham porque a checagem nunca foi implementada.

src/routes/tasks.ts
// POST /tasks — create a new task
app.post('/', async (c) => {
  const { title, description } = await c.req.json();

  // BUG: no title validation!
  // if (!title) return c.json({ error: "..." }, 400);

  const task = { id: crypto.randomUUID(), title, description };
  tasks.push(task);
  return c.json(task, 201);
});
npx vitest run — resultado
$ npx vitest run

✓ GET /tasks returns empty array
✓ POST /tasks creates a task
✓ GET /tasks/:id returns a task
✓ DELETE /tasks/:id removes a task
✓ GET /health returns ok
✗ POST /tasks without title returns 400
✗ POST /tasks with empty title returns 400

Tests  5 passed | 2 failed | 7 total

Exercicios Praticos

Cinco exercicios, uma jornada completa

Cada exercicio constroi sobre o anterior. Voce comeca explorando o projeto e termina com um ambiente de desenvolvimento completo e personalizado.

1

Explore e encontre o bug

Use Claude Code para navegar pelo projeto, ler os testes, entender a estrutura e localizar o bug intencional na criacao de tarefas.

Debugging com IA
2

Crie o CLAUDE.md do projeto

Documente o projeto no formato que Claude Code entende: stack, convencoes, comandos e regras do codebase.

CLAUDE.md & Auto-Memory
3

Configure permissoes (allowedTools)

Defina quais ferramentas Claude Code pode usar automaticamente e quais exigem aprovacao explicita. Seguranca desde o dia um.

Permissoes & Seguranca
4

Crie custom commands (skills)

Construa comandos personalizados como /fix, /test e /review que encapsulam workflows repetitivos em um unico atalho.

Custom Slash Commands
5

Hook para logging de sessoes

Implemente um hook que salva automaticamente o historico de cada sessao do Claude Code, criando um registro auditavel das mudancas.

Hooks & Automacao

Competencias

O que voce domina ao final

CLAUDE.md
Auto-Memory
allowedTools
Custom Commands
Hooks
Debugging com IA
Hono Framework
Cloudflare Workers
Vitest
TypeScript
REST APIs
Workflow Produtivo

Pronto para comecar?

O App de Lista de Tarefas e so o primeiro projeto. Ao longo de 22 horas, voce vai dominar Claude Code do fundamento ate Agent Teams.

Falar no WhatsAppVer programa completo