💼 Portafolio Personal (Alexander Lazo Espinoza)
Carta de Presentación Técnica y Experiencia de Usuario
Sitio web personal y portafolio interactivo desarrollado para exhibir proyectos de ingeniería de software, arquitectura de sistemas y desarrollo frontend. Diseñado con las últimas versiones de React 19, Tailwind CSS v4 y Vite 6, cumpliendo estándares de accesibilidad WCAG AA y tiempos de carga instantáneos.
- 💻 Repositorio GitHub: github.com/Alecwce/portafolio-alexwce
- 📄 Licencia: MIT | Framework: React 19 + TypeScript
✨ Características Técnicas Destacadas
- Dark Mode con View Transitions API:
- Cambio de tema suave y circular utilizando la API nativa del navegador
document.startViewTransition, sin parpadeos de estilo ni saltos visuales.
- Cambio de tema suave y circular utilizando la API nativa del navegador
- Animaciones Orquestadas:
- Interacciones de scroll, revelación de tarjetas de proyectos y efectos magnéticos desarrollados con Framer Motion 12.
- Formulario de Contacto Seguro:
- Validación estricta en el cliente mediante React Hook Form y esquemas de validación con Zod para prevenir envíos vacíos o inyecciones maliciosas.
- Optimización Extrema de Rendimiento:
- Carga perezosa de imágenes (lazy loading), división de código en rutas (code-splitting) y empaquetado optimizado con Vite 6.
🛠️ Stack Tecnológico
| Capa | Herramienta |
|---|---|
| Core Framework | React 19.2 + TypeScript 5.8 |
| Build Tool | Vite 6.2 |
| Estilos | Tailwind CSS v4.1 |
| Animaciones | Framer Motion 12 |
| Formularios & Validación | React Hook Form + Zod |
| Iconografía | Lucide React |