React 3D Portfolio

Este projeto é um portfólio interativo em 3D desenvolvido em React utilizando Three.js, React Three Fiber e diversas bibliotecas modernas para criar uma experiência imersiva.

O projeto foi baseado no tutorial do YouTube (vídeo aqui) e traz animações, integração com EmailJS e mapas interativos.

Tecnologias Utilizadas

• React 18 → Base do projeto.
• Three.js → Renderização de gráficos 3D.
• React Three Fiber → Integração do Three.js com React.
• @react-three/drei → Coleção de helpers e componentes prontos para 3D.
• styled-components → Estilização com CSS-in-JS.
• React Simple Maps → Exibição de mapas interativos.
• EmailJS → Envio de mensagens diretamente do formulário de contato.
• Testing Library → Testes unitários e de integração.

Funcionalidades

Renderização 3D com Three.js e React Three Fiber Animações e interatividade com @react-three/drei Design moderno com styled-components Formulário de contato integrado ao EmailJS Mapa interativo com React Simple Maps Estrutura modular e escalável

Instalação e Uso

Clone o repositório e instale as dependências:

git clone https://github.com/seu-usuario/react-3d.git
cd react-3d
npm install

Rodando o projeto em modo desenvolvimento:

npm start

Build para produção:

npm run build

Como Usar

• Substitua os modelos 3D e imagens na pasta assets/ para personalizar.
• Configure sua chave do EmailJS em .env para habilitar o formulário de contato.
• Ajuste as seções em src/sections/ conforme seu portfólio.

---

Demonstração