Este portfólio foi desenvolvido para demonstrar e listar a minha história com programação e meu conhecimento.
Fugindo do padrão estático, o projeto utiliza WebGL e micro-interações físicas para criar uma experiência imersiva. Cada componente foi pensado para performance, utilizando rendering otimizado no React e estilização atômica.
A estética segue o conceito "Dark Premium", com influências de hardware e sistemas operacionais modernos (Glassmorphism, Bento Grids e Iluminação Dinâmica).
O núcleo da aplicação foi construído com as ferramentas mais modernas do ecossistema React:
| Tecnologia | Função no Projeto |
|---|---|
| React | Core da aplicação, garantindo HMR instantâneo e build otimizado. |
| Three.js | Renderização do background "Black Hole". |
| Framer Motion | Orquestração de animações de entrada, parallax e transições de layout. |
| Tailwind CSS | Estilização utility-first para layout responsivo e design system. |
| Lenis Scroll | Suavização da rolagem para sensação leve. |
| Lucide React | Ícones vetoriais leves e otimizados. |
- 🌌 3D Particle System: Um fundo interativo com milhares de partículas renderizadas em Canvas (WebGL), simulando um horizonte de eventos que reage ao scroll.
- ⚡ High-Voltage Borders: Cards interativos na seção "Sobre" que calculam a posição do mouse em tempo real para renderizar um brilho de borda (efeito glow), sem uso de imagens pesadas.
- 🍱 Bento Grid Layout: Organização de conteúdo modular inspirada em dashboards de análise de dados e design Apple.
- 🌫️ Glassmorphism Dinâmico: Uso intenso de
backdrop-filterpara criar profundidade entre as camadas de fundo (Parallax) e o conteúdo frontal.
https://gabrielbeloni.vercel.app