Design comparison
Solution retrospective
Estoy más orgulloso de haber implementado con éxito una tarjeta de perfil de usuario con enlaces sociales y animaciones al pasar el cursor utilizando Next.js y Tailwind CSS. El proyecto involucró la creación de un diseño limpio y responsivo que muestra de manera efectiva la información del perfil y proporciona elementos interactivos para los enlaces a redes sociales. Las transiciones y animaciones añadieron un toque pulido, haciendo la experiencia del usuario más atractiva. Además, logré integrar sin problemas el manejo de imágenes con el componente Image de Next.js y asegurar la accesibilidad utilizando etiquetas aria adecuadas.
La próxima vez mejoraría la estructura del código separando los estilos en archivos CSS modulares o utilizando styled-components para una mejor mantenibilidad y escalabilidad.
What challenges did you encounter, and how did you overcome them?Asegurar que la interfaz fuera accesible para todos los usuarios fue un desafío. Utilicé etiquetas aria y realicé pruebas con herramientas de accesibilidad para identificar y corregir problemas, mejorando así la experiencia del usuario.
What specific areas of your project would you like help with?Aunque he trabajado en la accesibilidad, siempre hay espacio para mejorar. Agradecería sugerencias sobre cómo asegurarme de que todos los elementos sean totalmente accesibles y cumplan con los estándares más altos.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord