Desafío DOMO
Decidí desarrollar el desafío correspondiente a la imagen número 4, utilizando TypeScript y Next.js con un enfoque centrado en maximizar el rendimiento. Mi objetivo principal fue lograr una puntuación de 100 en todas las métricas de Lighthouse, lo cual fue exitoso gracias a las siguientes decisiones clave:
- Next.js: Utilicé Next.js para demostrar mi adaptabilidad a las últimas tecnologías y aprovechar sus características de optimización de rendimiento.
- TypeScript: Elegí TypeScript para mantener un código más depurable y reducir errores durante el desarrollo.
- Manejo de formularios: Implementé el manejo de formularios con React Hook Form, lo cual permitió una validación eficiente y crear la simulación de lo que seria un correo enviado.
- Rutas dinámicas con Next.js Router: Añadí rutas dinámicas utilizando Next.js Router para proporcionar una navegación fluida y mejorar la experiencia del usuario.
- Animaciones minimalistas: Implementé animaciones suaves para los hover en los botones, manteniendo la estética minimalista de la web original.
- Optimización de imágenes: Convertí la imágen a SVG y la optimicé para mejorar el rendimiento sin sacrificar la calidad visual.
- Distribución en componentes: El código está organizado en componentes reutilizables, lo que facilita su mantenimiento y futuras actualizaciones.
- Despliegue en Railway: Desplegué la aplicación en mi servicio de Railway, asegurando una entrega rápida y eficiente.
Nota: No utilicé Booststrap en este proyecto. Sin embargo, estoy totalmente dispuesto a aprender esta técnologia en el menor tiempo posible para poder trabajar con ustedes.
Me encantaría la oportunidad de una entrevista para poder discutir más sobre este proyecto y mis habilidades. ¡Estoy siempre abierto a seguir aprendiendo y mejorando!
Mi portfolio: tobiasnicolasn.com
Correo: tobias.nicolas001@gmail.com
Telefono: +54 9 11 3798-8966
Volver a la web