🚀 Portfólio Pedro Ernesto

Meu portfólio pessoal moderno e responsivo como desenvolvedor Full Stack

📋 Sobre o Projeto

Olá! 👋 Este é o meu portfólio pessoal, onde compartilho um pouco sobre mim, meus projetos e habilidades como desenvolvedor Full Stack. Criei este projeto utilizando as tecnologias mais modernas do ecossistema React, sempre buscando uma experiência de usuário fluida e agradável.

O projeto demonstra a implementação de uma arquitetura moderna com Next.js 14, sistema de internacionalização, temas dinâmicos e integração com APIs externas.

✨ Funcionalidades

• 🌐 Internacionalização: Sistema completo de tradução português/inglês
• 🌙 Tema Escuro/Claro: Alternância suave entre temas com persistência
• 📱 Design Responsivo: Adaptação perfeita para todos os dispositivos
• 🎨 Animações Fluidas: Transições e micro-interações com Framer Motion
• 📧 Sistema de Contato: Formulário funcional integrado com Resend
• ⚡ Performance Otimizada: SSR, lazy loading e otimizações do Next.js
• 🎯 Navegação Intuitiva: Menu interativo com efeitos visuais modernos

🛠️ Tecnologias

Frontend

• Next.js 14 - Framework React com App Router
• TypeScript - Superset tipado do JavaScript
• TailwindCSS - Framework CSS utilitário
• Framer Motion - Biblioteca de animações
• next-themes - Gerenciamento de temas

Backend & Integrações

• Resend - Serviço de email transacional
• React Email - Templates de email em React

Ferramentas de Desenvolvimento

• ESLint - Linter para JavaScript/TypeScript
• Prettier - Formatador de código

📁 Estrutura do Projeto

portfolio/
├── 📁 app/                    # App Router do Next.js
│   ├── 📁 api/               # API Routes
│   │   └── 📁 contact/       # Endpoint de contato
│   ├── 📄 layout.tsx         # Layout principal
│   ├── 📄 page.tsx          # Página inicial
│   └── 📄 providers.tsx     # Providers globais
├── 📁 components/            # Componentes React
│   ├── 📁 layout/           # Componentes de layout
│   ├── 📁 sections/         # Seções da página
│   └── 📁 ui/               # Componentes de interface
├── 📁 contexts/             # Contextos React
│   └── 📄 LanguageContext.tsx
├── 📁 emails/               # Templates de email
├── 📁 lib/                  # Utilitários e dados
├── 📁 public/               # Assets estáticos
└── 📄 tailwind.config.ts    # Configuração do Tailwind

🎨 Personalização

• Projetos: Os dados dos projetos estão centralizados para facilitar atualizações

• Informações Pessoais: Seções dedicadas para apresentar trajetória e habilidades

• Sistema de Cores: Paleta de cores consistente que funciona nos dois temas

• Componentes Reutilizáveis: Biblioteca de componentes para manter consistência

  Acesse meu Portfólio.

📞 Contato

Gostou do projeto? Entre em contato através do formulário no portfólio ou no Linkedin.

Linkedin

---

Desenvolvido com ❤️ por Pedro Ernesto