🚀 Gil Lemos Portifólio com IA

Criado com Inteligência Artificial do Manus AI

Portfólio profissional desenvolvido com React + Vite + Tailwind CSS

📋 Sobre o Projeto

Portfólio profissional desenvolvido por Gil Lemos (@gillemosai), especialista em Inteligência Artificial e Marketing Digital. O projeto apresenta uma interface moderna e responsiva, destacando experiência, projetos e formas de contato.

• Ferramentas utilizadas:
  💠Manus AI 💠Gemini(Nano Banana) 💠ChatGPT 💠Ms Copilot

🎯 Características Principais

• Design Moderno: Interface com gradientes e animações suaves
• Responsivo: Adaptado para desktop, tablet e mobile
• Performance Otimizada: Carregamento rápido e eficiente
• SEO Friendly: Meta tags otimizadas para mecanismos de busca
• Acessibilidade: Seguindo boas práticas de UX/UI

🛠️ Tecnologias Utilizadas

Frontend

• React 18.3.1 - Biblioteca JavaScript para interfaces
• Vite 6.3.5 - Build tool moderna e rápida
• Tailwind CSS 3.4.15 - Framework CSS utilitário
• Framer Motion - Biblioteca de animações
• Lucide React - Ícones modernos

Componentes UI

• Shadcn/ui - Componentes reutilizáveis
• Radix UI - Primitivos acessíveis
• Class Variance Authority - Gerenciamento de variantes CSS

Ferramentas de Desenvolvimento

• ESLint - Linting de código
• PostCSS - Processamento CSS
• Autoprefixer - Prefixos CSS automáticos

🚀 Como Executar o Projeto

Pré-requisitos

• Node.js 18+
• npm ou yarn

Instalação

1. Clone o repositório

git clone https://github.com/seu-usuario/gillemosai-portfolio.git
cd gillemosai-portfolio

2. Instale as dependências

npm install
# ou
yarn install

3. Execute em modo desenvolvimento

npm run dev
# ou
yarn dev

4. Acesse no navegador

http://localhost:5173

Build para Produção

# Gerar build otimizado
npm run build

# Visualizar build localmente
npm run preview

📁 Estrutura do Projeto

gillemosai-portfolio/
├── public/
│   └── favicon.ico
├── src/
│   ├── assets/
│   │   ├── images/           # Imagens do portfólio
│   │   └── logos/           # Logos e ícones
│   ├── components/
│   │   └── ui/              # Componentes reutilizáveis
│   ├── lib/
│   │   └── utils.js         # Utilitários
│   ├── App.jsx              # Componente principal
│   ├── App.css              # Estilos globais
│   └── main.jsx             # Ponto de entrada
├── index.html               # Template HTML
├── package.json             # Dependências
├── tailwind.config.js       # Configuração Tailwind
├── vite.config.js           # Configuração Vite
└── README.md                # Documentação

🎨 Seções do Portfólio

🏠 Hero Section

• Foto profissional com fundo tecnológico
• Apresentação pessoal e especialidades
• Badges de competências (Marketing, IA, Conteúdo Digital)
• Botões de navegação

💼 Portfólio

• Amo Nutela - Design e ilustração
• Logo Dra. Juliana - Identidade visual médica
• Logo UQ Marketing - Branding empresarial
• Windows AI Wallpaper - Design futurista

📞 Contato

• Email: [email protected]
• Localização: Vitória da Conquista, BA
• Redes sociais com links diretos

🌐 Redes Sociais

• Instagram: @gillemosai
• YouTube: @gillemosai
• Facebook: /gillemosai
• LinkedIn: /in/gillemosai

📊 Performance

Métricas de Build

• HTML: 2.22KB (gzip: 0.83KB)
• CSS: 108.43KB (gzip: 16.85KB)
• JavaScript: 345.56KB (gzip: 110.10KB)
• Imagens: Otimizadas para web

Otimizações Implementadas

• ✅ Code splitting automático
• ✅ Minificação com ESBuild
• ✅ Compressão Gzip
• ✅ Lazy loading de imagens
• ✅ Meta tags para SEO

🚀 Deploy

O projeto está hospedado e pode ser acessado em: Clique Aqui

Opções de Deploy

• Netlify: Arraste a pasta dist/
• Vercel: Conecte o repositório GitHub
• GitHub Pages: Configure Actions para build automático
• Servidor próprio: Upload dos arquivos da pasta dist/

🤝 Contribuição

1. Faça um fork do projeto
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

👨‍💻 Autor

Gil Lemos

• Especialista em IA e Marketing Digital
• 5+ anos de experiência em comunicação digital
• Graduado em Marketing, Pós-graduado em IA

---

Desenvolvido por Gil Lemos 🎯

Instagram • YouTube • LinkedIn