Projeto Final: SPA Completa
Você chegou ao fim da trilha de Frontend. Hora de construir, não só ler. Escolha um dos projetos abaixo — qualquer um puxa React, rotas, forms, fetch, acessibilidade e deploy. Tudo que essa trilha cobriu.
Sugestões
- Lista de tarefas (to-do) — adicionar, marcar como feita, remover,
persistir no
localStorage. Prática de state, formulários e effects. - Buscador de filmes — consome a OMDb API (gratuita com chave) e mostra pôster, nota e sinopse. Prática de fetch, loading states e tratamento de erro.
- App de previsão do tempo — consome a Open-Meteo (gratuita, sem chave) para mostrar a temperatura de uma cidade digitada.
- Dashboard de GitHub — digita um usuário e mostra repositórios públicos, estrelas e linguagens. Prática de fetch, componentes reutilizáveis e talvez um gráfico simples (Recharts).
Critério de "pronto"
- Funciona sem travar.
- Acessível — testou com
Tabe (idealmente) leitor de tela. - Responsivo — funciona em mobile e desktop.
- README com: o que é, como rodar, decisões de arquitetura, o que você aprendeu.
- No ar — deploy no Vercel, Netlify ou GitHub Pages (todos têm tier gratuito). Cole a URL no LinkedIn.
Compartilhe
Poste no LinkedIn, mande para amigos, comente em uma issue no nosso
GitHub com a tag meu-projeto. Mostrar o que você fez — mesmo
"imperfeito" — é o que mais evolui.
Próximo passo: escolha a trilha de Backend (em construção) ou vá fundo em Mobile (Expo / React Native). Você tem a base.