🔗 Acesse o projeto online:
👉 https://handreygamaportifolio.vercel.app/
Este é meu portfólio pessoal, desenvolvido para apresentar minhas habilidades, projetos, formações e tecnologias que utilizo no dia a dia como desenvolvedor.
O objetivo do projeto é criar uma experiência interativa e moderna, mostrando não apenas informações estáticas, mas também animações, interações dinâmicas e integração com APIs externas (como o GitHub).
- Interface moderna com tema dark
- Navegação com scroll spy (indicador de seção ativa)
- Carrossel de projetos dinâmico
- Animações suaves com AOS (Animate On Scroll)
- Efeito de digitação com Typed.js
- Efeito de texto criptografado com Baffle.js
- Fundo interativo com tsParticles
- 🖱 Cursor customizado animado
- Integração com API do GitHub (lista automática de repositórios)
- Layout responsivo
- HTML5
- CSS3
- JavaScript (ES Modules)
- Bootstrap 5.3
- Bootstrap — estilização e componentes responsivos
- AOS — animações ao rolar a página
- Typed.js — efeito de texto digitado
- Baffle.js — efeito de texto embaralhado
- tsParticles — fundo animado com partículas
- Font Awesome — ícones
- Devicon — ícones de tecnologias
- Node.js
- Express.js
- GitHub REST API
O projeto consome a API do GitHub para buscar automaticamente meus repositórios públicos:
- Filtra repositórios privados
- Remove projetos sem descrição
- Ordena por data de criação
- Renderiza dinamicamente os cards na interface
Os projetos são carregados diretamente da API do GitHub e inseridos no DOM via JavaScript.
Os cards de projetos possuem navegação lateral com botões e centralização automática.
Um sistema de detecção de seção ativa baseado em IntersectionObserver.
Elementos aparecem conforme o usuário navega pela página.
