Angelo Yenque - Portfolio### Hi there 👋

Portfolio personal desarrollado con Next.js, TypeScript y Tailwind CSS.- 🔭 I’m currently working on ...

🚀 Tecnologías

• Next.js 14 - Framework de React para producción
• TypeScript - Tipado estático para JavaScript
• Tailwind CSS - Framework CSS utility-first
• Framer Motion - Biblioteca de animaciones
• Lucide React - Íconos modernos
• GitHub Pages - Hosting estático

🛠️ Desarrollo

Prerequisitos

• Node.js 18+
• npm o pnpm

Instalación

# Clonar el repositorio
git clone https://github.com/ayenque/ayenque.github.io.git
cd ayenque.github.io

# Instalar dependencias
npm install
# o con pnpm
pnpm install

Comandos disponibles

# Modo desarrollo
npm run dev

# Build de producción
npm run build

# Linting
npm run lint

🌐 Despliegue

El sitio se despliega automáticamente en GitHub Pages cuando se hace push a la rama master.

Pipeline de CI/CD

1. Build: Compila el proyecto Next.js
2. Export: Genera archivos estáticos en la carpeta out/
3. Deploy: Publica en GitHub Pages

📝 Estructura del proyecto

src/
├── app/
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── sections/
│   │   ├── About.tsx
│   │   ├── Experience.tsx
│   │   └── Projects.tsx
│   ├── MainContent.tsx
│   ├── Sidebar.tsx
│   └── SpotlightEffect.tsx
└── lib/

🎨 Características

• ✅ Diseño responsivo
• ✅ Tema dark mode
• ✅ Efectos de hover y spotlight
• ✅ Animaciones suaves
• ✅ SEO optimizado
• ✅ Performance optimizada
• ✅ Accesibilidad mejorada

📄 Licencia

MIT © Angelo Yenque