Um portfólio moderno, responsivo e interativo desenvolvido para apresentar meus projetos e habilidades. O foco principal deste projeto foi a performance, a experiência do usuário (UX) com animações fluidas e a implementação de um tema dinâmico (Claro/Escuro).
- ⚡ Alta Performance: Construído com a estrutura otimizada do Next.js.
- 🎨 Design Responsivo: Layout adaptável para dispositivos móveis e desktop utilizando Tailwind CSS.
- 🌗 Dark/Light Mode: Alternância de temas com persistência de preferência do usuário.
- ✨ Animações Avançadas: Transições e efeitos visuais criados com GSAP para uma experiência imersiva.
- 📧 Formulário de Contato: Envio de e-mails funcional integrado com Nodemailer.
- 💎 Ícones Modernos: Utilização das bibliotecas Lucide e React Icons.
Este projeto foi desenvolvido com as seguintes tecnologias e ferramentas:
- Next.js - Framework React para produção.
- TypeScript - Superset JavaScript com tipagem estática.
- React - Biblioteca para construção de interfaces.
- Tailwind CSS - Framework CSS utility-first.
- GSAP - Biblioteca profissional para animações web.
- Lucide React & React Icons - Coleções de ícones.
- Nodemailer - Módulo para envio de e-mails via Node.js.
- Eslint & Prettier - Padronização e formatação de código.
Antes de começar, você precisará ter instalado em sua máquina:
- Clone o repositório
git clone https://github.com/LeviAFJunior/next-portfolio.git
- Entre na pasta do projeto
cd next-portfolio```
- Instale as dependências
npm install # ou yarn install # ou pnpm install```
- Configure as Variáveis de Ambiente Crie um arquivo .env.local na raiz do projeto. Isso é essencial para o funcionamento do Nodemailer:
# .env.local # Exemplo para Gmail (requer senha de aplicativo) EMAIL_USER=seuemail@gmail.com EMAIL_PASS=sua-senha-de-aplicativo-google
- Execute o projeto em modo de desenvolvimento
npm run dev``` - Abra http://localhost:3000 no seu navegador para ver o resultado.