igid.io es un sitio web de portafolio personal altamente optimizado y moderno. Funciona como una carta de presentación digital interactiva donde se exhiben mis proyectos, habilidades técnicas e información de contacto. El nucleo del proyecto es Astro, un framework enfocado en el contenido para construir sitios web.
Stack tecnológico
- Frontend
-
TypeScript: Lenguaje principal del proyecto
-
Astro: Framework para construir sitios web rápidos y optimizados
-
Vue (Nano Islands): Framework de interfaz de usuario para componentes interactivos
-
Vite: Herramienta de construcción rápida
-
- UI
-
Tailwind 4: Framework de estilos
-
Starwind UI: Componentes preconstruidos y reutilizables
-
GSAP: Librería de animación
-
Iconify: Iconos
-
LottieFiles: Soporte para animaciones Lottie
-
- Utilidades
-
Nano Stores: Librería de gestión de estado agnóstica
-
MDX: Markdown con soporte para variables y expresiones JSX
-
Yup: Validación de esquemas para formularios
-
Axios: Cliente HTTP para realizar solicitudes a APIs
-
Funcionalidades
- Navegación fluída: Transiciones suaves entre secciones para una experiencia de usuario agradable, esto a través de microinteracciones proporcionadas con GSAP.
- Modo claro y oscuro: Soporte nativo para cambio de tema, respetando probablemente las preferencias del sistema del usuario.
- Formulario de contacto: Implementación funcional de un formulario de contacto con validación y envío de mensajes.
- Optimización de rendimiento: Uso de técnicas como carga diferida de imágenes y optimización de recursos para garantizar tiempos de carga rápidos.
- Colecciones: Organización de proyectos en colecciones con sus respectivos metadatos.