Portfólio Pessoal em React

Este é o repositório do meu portfólio pessoal, uma Single-Page Application (SPA) desenvolvida para exibir meus projetos, certificações e habilidades de forma moderna, limpa e com uma experiência de usuário intuitiva.

➡️ Acesse a versão ao vivo aqui!

---

✨ Funcionalidades Principais

• Troca Dinâmica de Tema: Alterna entre temas claro (Light) e escuro (Dark) com um clique, utilizando a Context API do React e variáveis CSS para uma transição suave.
• Fundo Interativo: A seção de boas-vindas possui um fundo de partículas dinâmico e interativo que reage ao movimento do mouse e adapta suas cores de acordo com o tema selecionado.
• Exibição de Projetos: Galeria de projetos com cards que exibem imagem, título, tecnologias utilizadas (em formato de badges) e links para a demo e o repositório. Um modal com carrossel é acionado para exibir mais detalhes.
• Exibição de Certificações: Seção dedicada para certificações, apresentadas em um carrossel com rolagem automática.
• Design Totalmente Responsivo: A interface é otimizada para uma visualização perfeita em qualquer dispositivo, de desktops a celulares.
• Navegação Suave: Utiliza react-router-hash-link para uma rolagem suave e precisa entre as diferentes seções da página.
• Formulário de Contato Funcional: Um formulário de contato integrado com EmailJS que permite o envio de mensagens diretamente para minha caixa de entrada.

🚀 Tecnologias Utilizadas

Este projeto foi construído utilizando um ecossistema moderno de desenvolvimento front-end:

• Core: React.js (com Hooks e Componentes Funcionais)
• Boilerplate: Create React App
• Estilização: CSS3 (com Variáveis CSS para Theming)
• Roteamento: React Router DOM
• Animações:
  • AOS (Animate On Scroll)
  • Particles.js (via @tsparticles/react e @tsparticles/slim)
• Ícones: React Icons e Font Awesome
• Carrossel: React Slick
• Formulários: EmailJS

📂 Estrutura de Pastas

O projeto segue uma estrutura de pastas modular e organizada para facilitar a manutenção e escalabilidade.

My-Personal-Portfolio/
├── my-portfolio-react/             # A aplicação React principal
│   ├── public/                     # Ativos estáticos (imagens, index.html, favicon)
│   ├── src/                        # Código fonte React
│   │   ├── App.js                  # Componente principal, configura o roteamento
│   │   ├── index.css               # Variáveis CSS globais para temas
│   │   ├── components/             # Componentes de UI reutilizáveis
│   │   │   ├── Header/             # Barra de navegação e seletor de tema
│   │   │   ├── Home/               # Página inicial (integra as seções)
│   │   │   ├── Background/         # Fundo de partículas
│   │   │   ├── Projects/           # Listagem de projetos e cards
│   │   │   ├── ProjectModal/       # Modal com detalhes dos projetos
│   │   │   └── ...                 # Demais componentes por seção
│   │   └── contexts/               # React Context API
│   │       └── ThemeContext.js     # Provedor do estado de tema (Light/Dark)
│   ├── package.json                # Dependências e scripts
│   └── ...
├── .gitignore
├── LICENSE
└── README.md                       # Este arquivo