Projeto final e portfólio
Aula 26 de 26 do curso “Vibe coding”. Grátis, com animações e teste.
O caminho todo num mapa
Este é o fim do curso, e o esquema mostra o caminho todo, com dez paradas. Primeira metade. Ideia: o que você faz e para quem. Especificação: um plano de uma página. Ferramenta de IA: construtor, editor ou agente. GitHub: seu código na nuvem com todo o histórico. Hospedagem: o site vai para a internet, e cada branch ganha seu link de prévia. Domínio: seu próprio nome no lugar de um endereço técnico. As outras paradas estão no próximo slide.
A segunda metade do caminho
Banco de dados e login: só se o site precisa lembrar dados dos usuários. Um portfólio de uma página não precisa. Segurança: chaves no servidor, regras de acesso ao banco, limites de pedidos. Lançamento: checklist, análise, link onde sua galera está. Feedback: ouvir as pessoas e melhorar. A bandeira no fim significa um projeto vivo, não perfeito. Regra principal: não lance antes de passar pela checagem de segurança.
Qual pode ser seu primeiro projeto
Escolha um projeto pequeno de que você ou seus amigos realmente precisem. Landing page: uma página sobre você, sua banda ou sua live. Bot de Telegram: lembra os prazos da escola. Calculadora: divide a conta do café entre a galera. Minijogo: um quiz da sua série favorita. Rastreador de hábitos: sequência de dias sem falhar. Portfólio: uma vitrine dos seus trabalhos. Resumindo: um projeto terminado vale mais que três abandonados.
README: a vitrine do projeto
Portfólio é uma coleção dos seus trabalhos que os outros podem ver. No GitHub, o coração dele é o README, a página principal do repositório. Escreva ali que problema o projeto resolve, coloque o link do site no ar, adicione umas capturas de tela, diga com o que foi feito e como rodar. Fixe seus melhores repositórios no perfil para aparecerem primeiro. E confira se não há chaves no código público.
Como contar sobre seu projeto
Numa inscrição para estágio, curso ou trampo de meio período, mostre não só o link, mas a história. Que problema você viu. O que você decidiu como produtor e o que a IA fez. Onde a IA errou e como você percebeu. O que aprendeu. Diga com sinceridade que trabalhou com IA: saber passar tarefas claras e conferir resultados já é valioso. Repositórios úteis para começar estão abaixo da aula.
Teste-se
- O que o README de um projeto de portfólio deve ter?
Resposta certa: Que problema resolve, link no ar e capturas. O README é lido por quem não vai fuçar o código. Essas pessoas precisam da ideia, do link e das imagens. Chaves num repo público vazam. - Quando o caminho precisa de banco de dados e login?
Resposta certa: Quando o site precisa lembrar dados dos usuários. Um site estático, como um portfólio, é publicado sem banco. Banco e login são para quando você guarda dados de pessoas. - Como falar do trabalho com IA no portfólio?
Resposta certa: Com sinceridade: o que decidiu, o que a IA fez, que erros pegou. Uma história sincera mostra seu trabalho real: decisões de produtor e checagem. Isso vale mais do que fingir que escreveu tudo.