Portfolio Personal

Portfolio personal, diseñado con un enfoque minimalista y elegante. Incluye secciones dinámicas con animaciones sutiles (efecto typewriter, olas aleatorias, seguimiento del cursor), sistema de navegación con tema claro/oscuro, uso de OpenWeatherMap para mostrar el clima local, formulario de contacto funcional con envío de emails mediante Resend, y un sistema completo de gestión de proyectos con páginas de detalle individuales que incluyen slider automático de imágenes y selector de proyectos. El proyecto implementa las mejores prácticas de desarrollo web moderno con enfoque en rendimiento, accesibilidad y experiencia de usuario.

• Animaciones typewriter en Hero con repetición automática
• Efecto de olas aleatorias en el fondo con Framer Motion
• Sistema de navegación con blur effect al hacer scroll
• Tema claro/oscuro con persistencia en localStorage
• Formulario de contacto con validación y envío real de emails
• Sistema completo de proyectos con páginas de detalle dinámicas
• Slider automático de imágenes con navegación manual y thumbnails
• Uso de la API de OpenWeatherMap para mostrar el clima local
• Diseño 100% responsive en todos los dispositivos
• Optimización de rendimiento con lazy loading

• 1Implementar animaciones complejas sin afectar el rendimiento de la aplicación
• 2Manejar la hidratación de Next.js con temas y evitar errores de renderizado
• 3Sincronizar múltiples animaciones (typewriter, olas, cursor) de manera fluida
• 4Crear un sistema de routing dinámico para proyectos con generateStaticParams
• 5Implementar un slider automático de imágenes con controles manuales y thumbnails

• Portfolio completamente funcional y desplegado
• Experiencia de usuario fluida con animaciones sutiles pero impactantes
• Sistema de contacto operativo con envío real de emails mediante Resend
• Navegación intuitiva entre proyectos con selector dropdown
• Código limpio, mantenible y escalable siguiendo las mejores prácticas
• Performance optimizado con técnicas de Next.js 14