Cronología de Trabajo
1- Planificación y Estructura
Diseñamos una arquitectura de carpetas modular para organizar el código y los recursos multimedia por integrante de forma eficiente.
2- Identidad Visual y Estructura Flexbox
Seleccionamos una estética limpia con la fuente Poppins y unificamos el estilo de las imágenes en formato circular para dar coherencia visual al sitio.
Maquetación con Flexbox: Implementamos el modelo de caja flexible (Flexbox) para organizar los elementos del sitio. Esta tecnología nos permitió alinear el contenido de forma automática y asegurar que las secciones se distribuyan proporcionalmente en cualquier resolución.
Priorizamos la navegación mediante un menú fijo que cambia de color al hacer scroll, evitando que el usuario deba retroceder manualmente.
3- Desarrollo e Interactividad
Programamos el menú hamburguesa para móviles y funciones dinámicas en las tarjetas personales usando JavaScript Vanilla.
4- Ajuste de Diseño Adaptable (Responsive)
Corregimos errores de visualización en pantallas de 400px, 900px y 1200px, ajustando los márgenes y el flujo del texto para mejorar la lectura en celulares.
5- Desafío Técnico en el Menú Hamburguesa
Problema detectado: El menú presenta un diseño inconsistente entre la página de Bitácora y el resto del sitio debido a conflictos en las hojas de estilo específicas de cada sección.
Estado: Se priorizó la funcionalidad para la entrega actual y se documentó la necesidad de unificar los estilos del componente en el TP2.
6- Publicación
Realizamos el despliegue final en Vercel tras corregir errores de jerarquía en CSS con apoyo de herramientas de IA.