🚀 Portfolio Épico - Data Analyst 2.0

El portfolio más épico y original que verás hoy 🎯

---

✨ Características Épicas

🎨 Diseño y UX

• ✅ Dark/Light Mode con transición suave
• ✅ Cursor personalizado interactivo
• ✅ Modo Matrix Rain (doble click) 🟢
• ✅ Partículas animadas en hero
• ✅ Smooth scrolling completo
• ✅ Scroll reveal animations
• ✅ 100% Responsive

📊 Stats Increíbles

• ☕ +1000 Tazas de Café
• 💻 +50,000 Líneas de Código
• 📊 +2M Datos Analizados
• 🔥 365 Días de Streak GitHub
• 📈 Contador de visitas persistente
• ⚡ Animaciones con easing

🎯 Funcionalidades

• GitHub Contribution Graph visual
• Terminal interactivo en footer
• Filtros dinámicos proyectos/skills
• Progress bars animadas
• Formulario contacto funcional
• Scroll to top animado

🥚 Easter Eggs

1. Botón Sorpresa (?)
2. Modo Matrix (doble click)
3. Konami Code (↑↑↓↓←→←→BA)
4. Triple click en logo
5. Link secreto en footer 🥚

---

📥 Instalación Rápida

# Descargar y extraer
# Abrir index.html en navegador
# ¡Listo! 🎉

Con Live Server

npm install -g live-server
live-server

---

🎨 Personalización

1. Información Personal

Edita index.html:

• Tu Nombre → Tu nombre
• tu@email.com → Tu email
• tuusuario → Tus usuarios sociales

2. Colores

En styles.css:

:root {
    --primary: #6366f1;
    --secondary: #ec4899;
    --accent: #f59e0b;
}

3. Proyectos/Skills

Añade tus propios proyectos y habilidades siguiendo la estructura HTML existente.

---

📱 Responsive

• Desktop (>1024px) → Layout completo
• Tablet (768-1024px) → 2 columnas
• Mobile (<768px) → 1 columna + menú hamburguesa

---

🐛 Debug

Consola del navegador:

portfolioDebug.state()           // Ver estado
portfolioDebug.toggleMatrix()    // Toggle Matrix
portfolioDebug.getViewCount()    // Ver visitas

---

🚀 Deploy

GitHub Pages

git init
git add .
git commit -m "Portfolio Épico"
git push origin main
# Settings → Pages → Activar

Netlify

Arrastra carpeta a Netlify Drop

---

📊 Estadísticas

Métrica	Valor
HTML	~840 líneas
CSS	~2,525 líneas
JavaScript	~1,063 líneas
Total	~4,428 líneas
Peso	~150 KB
Carga	<2s

---

🎯 Estructura

portfolio/
├── index.html          # Página principal
├── styles.css          # Estilos completos
├── script.js           # JavaScript
├── README.md           # Este archivo
└── assets/            # Tus imágenes/docs
    ├── images/
    │   ├── profile.jpg
    │   └── project*.jpg
    └── docs/
        └── cv.pdf

---

⚙️ Configuración Avanzada

script.js:

const CONFIG = {
    particleCount: 100,
    contributionDays: 365,
    easterEggsTotal: 3,
    typewriterSpeed: 100,
    statsAnimationDuration: 2000
};

---

🛠️ Tecnologías

• HTML5 Semántico
• CSS3 (Grid, Flexbox, Variables)
• JavaScript ES6+ (Clases, Async/Await)
• Font Awesome 6.4
• Google Fonts (Inter, JetBrains Mono)

---

📝 Licencia

MIT License - Úsalo libremente

---

👨‍💻 Contacto

• GitHub: @tuusuario
• LinkedIn: tuusuario
• Email: tu@email.com

---

Hecho con ❤️ y ☕ (más de 1000 tazas)

"Los datos cuentan historias, nosotros las descubrimos"

⭐ ¡Dale una estrella si te gustó!