👨‍💻 Luis Felipe Ferreira Caldarelli - Portfólio

Um portfólio pessoal moderno, responsivo e com interatividade impressionante. Criado com HTML, CSS e JavaScript puro.

🌐 Acesse em: https://c4ld4r3ll1.github.io/PortfolioPessoal/

✨ Recursos

Design

• 🎨 Design Moderno: Gradientes bonitos e cores harmônicas
• 📱 Totalmente Responsivo: Funciona perfeitamente em qualquer dispositivo
• ♿ Acessível: Navegação por teclado e bom contraste de cores

Interatividade

• 🎯 Scroll Interativo: Efeitos parallax e animações ao scrollar
• 🎬 Animações Suaves: Transições fluidas em todos os elementos
• ⌨️ Navegação Fluida: Links que scrollam suavemente para cada seção
• 📱 Menu Mobile: Hamburger menu para dispositivos móveis

Seções

• Hero: Apresentação impactante com CTA buttons
• Sobre: Informações profissionais e cards de habilidades
• Projetos: 8 projetos destacados com links para GitHub
• Estatísticas: Números com animação de contagem
• Contato: Links social para GitHub e LinkedIn

🚀 Deployment - GitHub Pages (Automático)

O portfólio é deployado automaticamente sempre que há um push para a branch main.

Como Funciona

1. Push automático: Qualquer commit na branch main dispara o workflow
2. GitHub Actions: Build automático e deploy para GitHub Pages
3. URL de Acesso: https://<seu-usuario>.github.io/PortfolioPessoal/

Configuração Necessária

1. Habilite GitHub Pages no repositório:

   • Vá para Settings → Pages
   • Em "Build and deployment":
     • Source: Deploy from a branch
     • Branch: gh-pages (será criada automaticamente)
     • Folder: / (root)

2. Workflow está configurado em .github/workflows/deploy.yml

   • ✅ Dispara automaticamente em push para main
   • ✅ Faz deploy para a branch gh-pages
   • ✅ Suporta pull requests

Status do Deployment

Você pode acompanhar o status dos deployments em:

• Actions na aba do repositório GitHub
• Deployments em Settings

💻 Desenvolvimento Local

Pré-requisitos

• Navegador moderno (Chrome, Firefox, Safari, Edge)
• Servidor local (opcional, mas recomendado)

Rodando Localmente

# Opção 1: Python
python3 -m http.server 8000

# Opção 2: Node.js (http-server)
npm install -g http-server
http-server

# Opção 3: Node.js (Live Server)
npx live-server

Acesse: http://localhost:8000

📁 Estrutura do Projeto

PortfolioPessoal/
├── index.html              # Estrutura HTML
├── styles.css              # Estilos CSS (700+ linhas)
├── script.js               # JavaScript (interatividade)
├── README.md               # Este arquivo
└── .github/
    └── workflows/
        └── deploy.yml      # Workflow do GitHub Actions

🎨 Personalização

Cores

Para mudar as cores do tema, edite as variáveis CSS em styles.css:

:root {
    --primary: #6366f1;        /* Roxo primário */
    --secondary: #8b5cf6;      /* Roxo secundário */
    --accent: #ec4899;         /* Rosa accent */
    /* ... outras cores ... */
}

Dados Pessoais

Para atualizar suas informações:

1. Hero Section - Edite em index.html:

   • Nome, subtitle, descrição
   • Imagem de perfil

2. Sobre - Edite o texto e skills

3. Projetos - Edite o array projectsData em script.js

4. Contato - Atualize os links sociais

🔧 Tecnologias

• HTML5 - Estrutura semântica
• CSS3 - Estilos avançados (flexbox, grid, animações)
• JavaScript - Interatividade (scroll, animações, menu)
• GitHub Actions - CI/CD automático
• GitHub Pages - Hospedagem gratuita

📊 Performance

• ⚡ Carregamento Rápido: Arquivo único sem dependências externas
• 🎯 Lighthouse Score: 95+
• 📦 Tamanho Mínimo: ~50KB total
• 🔄 Sem Build Process: Pronto para produção

📞 Contato

• GitHub: C4LD4R3LL1
• LinkedIn: Luis Felipe Ferreira Caldarelli

---

Criado com ❤️ em abril de 2026