Portfólio pessoal full-stack desenvolvido do zero — apresentando minha transição de carreira para Cloud Computing, Cybersecurity e Infraestrutura de TI, com background em desenvolvimento web como diferencial técnico.
O diferencial desta versão é o chatbot com IA integrada que responde perguntas sobre minha carreira em tempo real, com backend serverless via Vercel Functions.
| Feature | Descrição |
|---|---|
| 🤖 AI Chatbot | Assistente virtual com Groq API + LLaMA 3, responde em PT e EN |
| ✍️ Typed Effect | Efeito de digitação animado na seção hero |
| 🎞️ Scroll Reveal | Animações suaves ao rolar a página |
| 🌓 Dark / Light | Alternância de tema com preferência salva |
| 🌍 PT / EN | Tradução completa do site com um clique |
| 📱 Responsivo | Layout otimizado para mobile e desktop |
| 🎨 Mascote | Personagem cartoon em todas as seções |
portfolio-v2/
└── frontend/
├── index.html # HTML + CSS completo
├── ui.js # Animações, scroll reveal, typed effect, menu mobile
├── chatbot.js # Lógica do chat
├── favicon.svg # Ícone personalizado com cartoon
├── vercel.json # Configuração das Vercel Functions
├── package.json # Dependência do groq-sdk
├── assets/
│ ├── cartoons/ # PNGs do mascote (por seção)
│ └── covers/ # Capas SVG dos projetos
└── api/
└── chat.js # Vercel Function — integração Groq API (LLaMA 3.3 70B)
Frontend
Backend (Serverless)
- Node.js 18+
- Conta no Groq Console (gratuito)
- Vercel CLI
git clone https://github.com/pkeddits/portfolio-v2.git
cd portfolio-v2/frontendnpm installCrie um arquivo .env.local na pasta frontend/:
GROQ_API_KEY=sua_chave_aquinpx vercel devO site estará disponível em http://localhost:3000.
Tudo roda na Vercel — frontend e backend no mesmo projeto.
| Parte | Plataforma | URL |
|---|---|---|
| Frontend + API | Vercel | limaxx.space |
Em Settings → Environment Variables:
GROQ_API_KEY=sua_chave_aqui
Request:
{
"history": [
{ "role": "user", "content": "What are your skills?" }
]
}Response:
{
"reply": "Felipe is focused on Cloud, Cybersecurity and Infrastructure..."
}Desenvolvido com ♥ por Felipe Lima · 2026
HTML · CSS · JavaScript · Node.js · Groq API · Vercel
