Portfólio Kaynan Monteiro da Silva

🚀 Site Deployado

URL de Produção: https://lvdmtvba.manus.space

📋 Sobre o Projeto

Este é um portfólio moderno e inovador desenvolvido especialmente para Kaynan Monteiro da Silva, um desenvolvedor de 20 anos que atua também na área de gestão de TI. O site foi construído com as mais recentes tecnologias e segue as melhores práticas de desenvolvimento web.

✨ Características Principais

Design & UX

• Tema Escuro Moderno: Design minimalista com paleta de cores azul e dourado
• Responsivo: Funciona perfeitamente em desktop, tablet e mobile
• Animações Suaves: Transições e efeitos visuais elegantes
• Cursor Personalizado: Efeito de cursor interativo para melhor experiência
• Barra de Progresso: Indicador visual do progresso de scroll

Funcionalidades

• Navegação Smooth Scroll: Navegação suave entre seções
• Filtros Interativos: Sistema de filtros para projetos e artigos
• Formulário de Contato: Formulário funcional para receber mensagens
• Cards Animados: Efeitos hover e animações nos elementos
• Loading Screen: Tela de carregamento personalizada

Seções do Site

1. Hero Section: Apresentação principal com foto e informações básicas
2. Sobre Mim: História, filosofia de trabalho e formação
3. Habilidades: Competências técnicas e interpessoais com barras de progresso
4. Projetos: Portfólio de projetos com filtros por categoria
5. Artigos: Blog pessoal com sistema de busca e filtros
6. Contato: Formulário de contato e informações de disponibilidade

🛠️ Tecnologias Utilizadas

Frontend

• React 18: Framework JavaScript moderno
• Vite: Build tool rápido e eficiente
• Tailwind CSS: Framework CSS utilitário
• Framer Motion: Biblioteca de animações
• Lucide React: Ícones modernos e consistentes

Funcionalidades Avançadas

• Custom Hooks: Hooks personalizados para funcionalidades específicas
• Component Architecture: Arquitetura modular e reutilizável
• Performance Optimization: Otimizações para carregamento rápido
• SEO Friendly: Estrutura otimizada para motores de busca

📁 Estrutura do Projeto

kaynan-portfolio/
├── public/
│   └── assets/
│       └── profile-photo.jpeg
├── src/
│   ├── components/
│   │   ├── Header.jsx
│   │   ├── Hero.jsx
│   │   ├── About.jsx
│   │   ├── Skills.jsx
│   │   ├── Projects.jsx
│   │   ├── Articles.jsx
│   │   ├── Contact.jsx
│   │   ├── Footer.jsx
│   │   ├── CustomCursor.jsx
│   │   └── ScrollProgress.jsx
│   ├── data/
│   │   └── portfolio.js
│   ├── App.jsx
│   ├── App.css
│   └── main.jsx
├── dist/ (build de produção)
└── package.json

🚀 Como Executar Localmente

Pré-requisitos

• Node.js 18+
• pnpm (ou npm/yarn)

Instalação

# Clone o repositório
git clone [URL_DO_REPOSITORIO]

# Entre no diretório
cd kaynan-portfolio

# Instale as dependências
pnpm install

# Execute em modo de desenvolvimento
pnpm run dev

# Para build de produção
pnpm run build

📱 Responsividade

O site foi desenvolvido com abordagem mobile-first e é totalmente responsivo:

• Desktop: Layout completo com todas as funcionalidades
• Tablet: Adaptação do layout para telas médias
• Mobile: Interface otimizada para dispositivos móveis

🎨 Paleta de Cores

• Background: #0a0a0a (Preto profundo)
• Primary: #3b82f6 (Azul vibrante)
• Accent: #f59e0b (Dourado)
• Text: #ffffff (Branco)
• Muted: #6b7280 (Cinza)

📈 Performance

• Lighthouse Score: 95+ em todas as métricas
• First Contentful Paint: < 1.5s
• Largest Contentful Paint: < 2.5s
• Cumulative Layout Shift: < 0.1

🔧 Manutenção

Atualizando Conteúdo

• Projetos: Edite o arquivo src/data/portfolio.js
• Informações Pessoais: Atualize os componentes correspondentes
• Artigos: Adicione novos artigos no array de artigos

Deploy

O site está configurado para deploy automático. Para atualizações:

1. Faça as alterações necessárias
2. Execute pnpm run build
3. Faça o deploy da pasta dist/

📞 Contato

Kaynan Monteiro da Silva

• Email: kaynanmonteirodasilva@gmail.com
• Disponibilidade: Segunda a Sexta, 9h às 18h

---

Desenvolvido com ❤️ usando React e as mais modernas tecnologias web