Portfolio de Jason Guerra | Desarrollador Frontend

🚀 Vista General

Portfolio profesional desarrollado con tecnologías web modernas y enfocado en rendimiento, SEO y experiencia de usuario. Este sitio SPA (Single Page Application) exhibe mis proyectos, servicios y habilidades como desarrollador frontend.

🔗 Ver Demo

✨ Características

• Diseño Moderno: Interfaz elegante, responsiva y con micro-interacciones
• Alto Rendimiento: Optimizado para Core Web Vitals con Lighthouse 100/100
• SEO Optimizado: Metadatos, schema.org y canonical URLs implementados
• Experiencia Fluida: Animaciones suaves y transiciones para mejorar la UX
• Accesibilidad: Diseño accesible siguiendo estándares WCAG

🛠️ Tecnologías

• Astro: Framework web que prioriza la velocidad y rendimiento
• TailwindCSS: Framework CSS de utilidades para diseño rápido
• TypeScript: Superset de JavaScript con tipado estático
• Iconify: Biblioteca extensiva de iconos como componentes
• Tailwind Animate: Animaciones optimizadas para TailwindCSS

📋 Estructura del Proyecto

/
├── public/                # Activos estáticos
│   ├── profile-pic/       # Imágenes de perfil
│   ├── projects-pic/      # Imágenes de proyectos
│   ├── cv/                # Archivos de currículum (ES/EN)
│   ├── robots.txt         # Configuración para rastreadores
│   └── sitemap.xml        # Mapa del sitio para SEO
├── src/
│   ├── components/        # Componentes reutilizables
│   ├── data/              # Datos estructurados (proyectos, servicios, etc)
│   ├── layouts/           # Plantillas de página
│   └── pages/             # Páginas (SPA principal + 404)
├── astro.config.mjs       # Configuración de Astro
└── tailwind.config.mjs    # Configuración de TailwindCSS

🚀 Instalación y Uso

1. Clonar el repositorio

   git clone https://github.com/thejasondev/Portfolio_thejasondev.git
   cd Portfolio_thejasondev

2. Instalar dependencias

   pnpm install

3. Ejecutar en desarrollo

   pnpm run dev

4. Compilar para producción

   pnpm run build

5. Vista previa de la compilación

   pnpm run preview

📊 Rendimiento

El sitio está optimizado para ofrecer una experiencia de usuario excepcional:

• Lighthouse Score: 100/100 en Performance, Accessibility, Best Practices y SEO
• Core Web Vitals: Cumple con todos los criterios de Web Vitals
• Tiempo de carga: < 0.5s First Contentful Paint (FCP)
• Tamaño: Bundle optimizado < 100KB (gzipped)

👨‍💻 Autor

Jason Guerra - Desarrollador Frontend

• GitHub
• LinkedIn
• Instagram

📝 Licencia

Este proyecto está bajo la Licencia MIT - ver el archivo LICENSE para más detalles.

---

Desarrollado por Jason Guerra