Bem-vindo ao repositório do meu portfólio pessoal e profissional! Este projeto foi desenvolvido como parte da minha jornada na faculdade de Engenharia de Software, servindo como uma vitrine para apresentar minha formação, minhas áreas de interesse e projetos de desenvolvimento.
🚀 Acesse o site rodando ao vivo aqui: [Henrique Lins - Portfólio]Henrique Lins - Portfólio
O projeto foi construído utilizando tecnologias web fundamentais, focando em semântica, acessibilidade e performance:
- HTML5: Estruturação semântica de todas as páginas (
<header>,<main>,<section>,<footer>). - CSS3: Estilização customizada, uso de Variáveis CSS (Custom Properties) para fácil manutenção e técnicas de Clean Code.
- JavaScript (Vanilla JS): Implementação de interações dinâmicas sem dependência de bibliotecas externas.
- 🌓 Sistema de Tema Claro e Escuro (Dark Mode): Alternador inteligente de temas com inversão de paleta de cores baseada em variáveis CSS. Possui memória persistente via
localStorage, garantindo que a escolha do usuário seja mantida ao navegar entre as páginas. - 📱 Design Responsivo: Interface totalmente adaptada para dispositivos móveis (celulares e tablets) através de Media Queries, incluindo um menu dinâmico estilo "hambúrguer" que aparece e desaparece.
- 📝 Validação de Formulário Inteligente: A página de contato conta com validação customizada em JavaScript. Ela limpa espaços em branco vazios usando
.trim(), valida a estrutura do e-mail via Expressão Regular (RegEx) e simula o envio limpando os campos após a confirmação. - 🔄 Ícones Adaptativos: Os ícones das redes sociais (GitHub, LinkedIn, E-mail) alternam dinamicamente suas imagens entre versões claras e escuras dependendo do tema ativo na página, garantindo contraste perfeito.
├── css/
│ ├── style.css # Estilização global e páginas desktop
│ └── responsivo.css # Regras de quebra de layout para celulares
├── favicon/ # Ícones da aba do navegador
├── icones/ # Ícones das redes sociais (versões claro/escuro)
├── image/ # Imagens e foto de perfil
├── js/
│ └── script.js # Lógica do menu, Dark Mode e validação do formulário
├── index.html # Página Home
├── sobre.html # Página Sobre mim
├── formacao.html # Página Formação Acadêmica
├── portfolio.html # Página de Projetos
├── contato.html # Página de Formulário de Contato
└── README.md # Documentação do projeto
- Henrique Lins - Estudante de Engenharia de Software & Desenvolvedor em Formação.
- Conecte-se comigo no LinkedIn.