Resagado - Portfolio Personal

Un sitio web personal elegante y moderno construido con Astro que presenta un portfolio de desarrollo web, experiencia laboral, proyectos destacados y habilidades técnicas.

🚀 Características

• ✨ Diseño Responsivo: Totalmente adaptable a dispositivos móviles, tablets y escritorio
• 🎨 Tailwind CSS: Estilos modernos y utilities-first
• ⚡ Astro 5: Framework ligero y eficiente para sitios estáticos
• 🔗 Navegación Suave: Menú flotante con enlaces a secciones principales
• 📱 Mobile-First: Optimizado para experiencia en dispositivos móviles
• 🔄 SSR con Node Adapter: Servidor standalone con Node.js

📋 Secciones

• Encabezado: Presentación personal como Desarrollador Full Stack
• Experiencia Laboral: Timeline de trabajos y prácticas profesionales
• Proyectos: Galería de proyectos destacados
• Habilidades: Conjunto de tecnologías y competencias
• Contacto: Información de contacto y enlaces sociales
• Navegación: Menú flotante con acceso a GitHub

🛠️ Stack Tecnológico

{
  "Framework": "Astro 5.16.5",
  "Styling": "Tailwind CSS 4.1.18",
  "Server": "Node.js Adapter",
  "Build Tool": "Vite",
  "Package Manager": "pnpm"
}

📦 Instalación

# Instalar dependencias
pnpm install

# Iniciar servidor de desarrollo
pnpm dev

# Construir para producción
pnpm build

# Vista previa del build
pnpm preview

🎯 Scripts Disponibles

• pnpm dev - Inicia el servidor de desarrollo (http://localhost:3000)
• pnpm build - Compila el proyecto para producción
• pnpm preview - Vista previa local del build
• pnpm astro - Ejecuta comandos de Astro CLI

📁 Estructura del Proyecto

src/
├── components/          # Componentes reutilizables
│   ├── Header.astro    # Navegación flotante
│   ├── Main.astro      # Sección principal y experiencia
│   ├── Projects.astro  # Galería de proyectos
│   ├── Skills.astro    # Habilidades técnicas
│   └── Contact.astro   # Información de contacto
├── layouts/
│   └── Layout.astro    # Template principal
├── pages/
│   └── index.astro     # Página de inicio
├── assets/             # Imágenes y recursos estáticos
└── styles/
    └── global.css      # Estilos globales

🎨 Personalización

Modificar Contenido Personal

Edita los componentes en src/components/ para actualizar:

• Información personal en Header.astro
• Experiencia laboral en Main.astro
• Proyectos en Projects.astro
• Habilidades en Skills.astro
• Contacto en Contact.astro

Temas y Estilos

Los estilos se gestionan con Tailwind CSS. Modifica src/styles/global.css y las clases Tailwind en los componentes.

🚀 Deployment

El proyecto está configurado con Node Adapter de Astro para deployment en servidores Node.js:

pnpm build
npm start  # En el servidor

📝 Post-build Script

Se ejecuta automáticamente scripts/fix-dist-paths.cjs después del build para ajustar rutas en la carpeta de distribución.

👤 Autor

ResAgado (Jesús Mayorga)

• 🔗 GitHub
• 💼 Full Stack Developer
• 📧 Contacto disponible en el sitio

📄 Licencia

Ver archivo LICENSE

---

Versión: 0.0.1
Última actualización: 26 de enero de 2026