Projeto Final — Do zero ao online, integrado 🟢🔴
Objectivo: juntar tudo num só projecto real, construído inteiramente a partir do VSCode. O momento aha: em poucas horas, um participante passa de “página em branco” a solução online que recebe um cliente, guarda-o e confirma por SMS. Resultado: uma app pública, com base de dados, integração real e deploy — e o orgulho de a ter feito.
A missão
“Página de inscrição de uma loja: o cliente preenche Nome + telemóvel + NIF, os dados ficam guardados, e ele recebe um SMS de confirmação. Tudo online.”
Reúne, de propósito, quase todos os módulos.
O percurso (cada passo usa um módulo)
| # | Passo | Módulo |
|---|---|---|
| 1 | Criar o projecto, git init e primeiro commit |
M0 |
| 2 | Repositório no GitHub (gh repo create) |
M1 |
| 3 | Página com formulário (HTML) e estilo (CSS) | F1 · F2 |
| 4 | Validar o formulário no navegador (JavaScript) | F3 |
| 5 | Tabela inscricoes no Supabase + guardar os dados |
M2 |
| 6 | Endpoint que recebe a inscrição e dispara um SMS (TelcoSMS) | M5 · M6 |
| 7 | Segredos no .env.local, nada no código |
Transversal |
| 8 | Deploy na Vercel + domínio na Cloudflare | M3 |
| 9 | (bónus) Versão mobile com Expo | M8 |
Como o Claude Code acelera
Em cada passo, descreves o objectivo e revês o resultado:
- “Cria um formulário de inscrição com Nome, telemóvel e NIF, com validação.”
- “Liga o submit a uma rota que guarda no Supabase e envia um SMS de confirmação.”
- “Faz o deploy para produção e confirma que carrega no telemóvel.”
Critérios de “feito” (checklist)
- O site abre num URL público com HTTPS.
- Uma inscrição aparece na base de dados.
- Chega um SMS de confirmação.
- Nenhum segredo está no repositório.
- Funciona bem no telemóvel (375px).
✅ Entregável final
Cada participante apresenta:
- O link público da sua solução.
- O repositório no GitHub.
- Uma demonstração: preencher o formulário ao vivo e mostrar o SMS a chegar.
É este momento — o SMS a tocar no telemóvel de quem acabou de construir a app — que fixa o entusiasmo. Saem a saber que conseguem criar e lançar uma solução real, sozinhos, a partir do VSCode.