Portfólio desenvolvido durante a oficina prática de Git e GitHub na ETE Porto Digital. O projeto tem como foco ensinar desenvolvedores em formação a criar, versionar e publicar seus próprios portfólios com ferramentas reais do mercado.

• Apresentar o Git e GitHub de forma prática
• Ensinar os comandos essenciais de versionamento
• Desenvolver um portfólio em HTML, CSS e JavaScript
• Publicar o projeto online via GitHub Pages
• Incentivar a criação de projetos autorais

Tecnologia	Versão	Uso
	5	Estrutura das páginas
	3	Estilização e responsividade
	ES6+	Interatividade e filtros
	—	Versionamento
	—	Hospedagem e deploy

portfolio-dev-etepd/
│
├── assets/
│   ├── css/
│   ├── docs/
│   │   └── banner-dev.svg        ← banner do README
│   ├── images/
│   │   └── foto.jpg
│   └── js/
│
├── data/
│   └── projects.json
│
├── index.html
├── about.html
├── projects.html
├── skills.html
├── contact.html
├── favicon.ico
└── README.md

• Hero Section — apresentação com status de disponibilidade
• Projetos dinâmicos — listagem carregada via projects.json
• Filtro e busca — filtra projetos por tecnologia em tempo real
• Skills — barras de progresso animadas e certificações
• Contato — formulário com validação e links sociais
• Download de currículo — disponível direto na página
• Tema dark/light — alternância com preferência salva no navegador

git clone https://github.com/WallaceMichael/portfolio-dev-etepd.git
cd portfolio-dev-etepd

code .

Clique em Go Live na barra inferior do VS Code e acesse http://127.0.0.1:5500.

💡 Sem o Live Server? Instale pela aba de Extensões (Ctrl+Shift+X).

O formulário de contato utiliza o EmailJS para enviar mensagens sem precisar de back-end.

Acesse emailjs.com, clique em Sign Up e crie sua conta.

1. Vá em Email Services → Add New Service
2. Escolha seu provedor (ex: Gmail) e conecte sua conta
3. Copie o Service ID gerado

1. Vá em Email Templates → Create New Template
2. Monte seu template usando as variáveis abaixo:

3. Salve e copie o Template ID

1. Acesse Account → API Keys
2. Copie sua Public Key

No arquivo assets/js/script.js, localize a seção do formulário e substitua os valores indicados pelos comentários:

emailjs.init("SUA_PUBLIC_KEY");

emailjs.send("SEU_SERVICE_ID", "SEU_TEMPLATE_ID", templateParams);

Wallace Michael Desenvolvedor em formação 🚀

Feito com ❤️ durante a oficina de Git & GitHub · ETE Porto Digital