Portafolio personal moderno y optimizado para SEO desarrollado con las últimas tecnologías web. Presenta un diseño glassmorphism, animaciones fluidas y soporte completo para internacionalización (i18n).
- Glassmorphism UI - Efectos de vidrio esmerilado con backdrop blur
- Gradientes Animados - Transiciones suaves de color en títulos y elementos
- Animaciones CSS - Más de 10 animaciones personalizadas (fade, slide, float, etc.)
- Modo Oscuro - Soporte completo con transiciones suaves
- Responsive Design - Totalmente adaptable a todos los dispositivos
- ✅ Meta Tags Completos - Open Graph, Twitter Cards, Schema.org
- ✅ Sitemap Automático - Generación con soporte multiidioma
- ✅ Robots.txt Optimizado - Configuración para bots de búsqueda
- ✅ PWA Ready - Manifest.json configurado
- ✅ Security Headers - CSP, X-Frame-Options, y más
- ✅ Canonical URLs - Evita contenido duplicado
- ✅ HTML Comprimido - Optimización de rendimiento
- 🇪🇸 Español (por defecto)
- 🇺🇸 Inglés
- Sistema de routing inteligente sin prefijo para idioma por defecto
- Navbar Sticky - Con efecto glassmorphism
- Hero Section - Con imagen flotante y animaciones
- Cards de Proyecto - Diseño moderno con efectos hover
- Timeline de Experiencia - Línea de tiempo visual con gradientes
- Tech Stack Grid - Iconos interactivos con animaciones
- Footer Mejorado - Con enlaces sociales y tooltips
Este proyecto es un portafolio personal desarrollado con Astro, React, TailwindCSS y soporte para internacionalización (i18n). Permite mostrar tus proyectos, habilidades y experiencia, con la capacidad de cambiar entre diferentes idiomas.
Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.
Mira Deployment para conocer cómo desplegar el proyecto.
Para ejecutar este proyecto en tu máquina, necesitas tener instalados los siguientes programas:
-
Clona el repositorio
git clone https://github.com/AnderCMD/Portafolio.git -
Navega al directorio del proyecto
cd Portafolio -
Instala las dependencias
pnpm install -
Ejecuta el proyecto en modo desarrollo
pnpm dev -
Abre el navegador y accede a
http://localhost:4321
Este proyecto no incluye pruebas automatizadas, pero puedes verificar su funcionamiento manualmente:
- Abre el sitio en tu navegador.
- Navega por las distintas secciones y verifica que todo funcione correctamente.
- Cambia entre los idiomas (por ejemplo, español e inglés) y verifica que el contenido se muestre correctamente en ambos.
Para desplegar este proyecto en un servidor web:
-
Asegúrate de tener los archivos generados en la carpeta
dist. -
Puedes construir el proyecto con el siguiente comando:
pnpm build -
Sube los archivos de la carpeta
dista tu servidor web y accede a la URL correspondiente.
- Astro 5.15 - Framework web moderno para sitios rápidos
- React 19 - Librería UI para componentes interactivos
- TypeScript 5.9 - Tipado estático para JavaScript
- Tailwind CSS 4.1 - Framework CSS utility-first
- @astrojs/sitemap - Generación automática de sitemap
- i18n nativo de Astro - Sistema de internacionalización integrado
- Font Awesome 6 - Iconos vectoriales
- Sharp - Optimización de imágenes
- pnpm - Gestor de paquetes eficiente
- Vercel/Netlify Ready - Configurado para deploy instantáneo
Este proyecto ha sido realizado por mí. Si tienes alguna sugerencia o mejora, no dudes en abrir un pull request.
- Ander González - Ingeniero en Software - AnderCMD
Este proyecto está bajo la Licencia MIT - mira el archivo LICENSE.md para detalles.
⌨️ con ❤️ por AnderCMD 😊