Bitácora
Documentación del proceso de desarrollo del proyecto.
Planeación y Decisiones de Diseño
El equipo se reunió de manera virtual a través de Google Meet para definir la temática del proyecto. Luego de debatir distintas ideas, se decidió de forma unánime desarrollar una web inspirada en la serie Stranger Things, buscando representar su estética y concepto de dualidad entre dos mundos.
A partir de esta decisión, se asignaron los personajes en función de los roles de cada integrante (Front-end, Back-end, QA, Data Analyst), manteniendo coherencia entre habilidades técnicas y características de los personajes.
En cuanto al diseño, se intentó respetar la identidad visual de la serie. Decidimos utilizar y respetar la tipografía y los colores originales para mantener la identidad visual y lograr coherencia con el estilo propuesto basandonos en el contraste entre el mundo normal y el Upside Down, cuidando que la interfaz sea atractiva y legible.
Dificultades Encontradas
En general, el equipo trabajó de manera organizada y con acuerdos claros desde el inicio, por lo que no surgieron grandes conflictos. Como dificultad, se presentó la definición y organización de los datos de cada perfil, así como la forma de estructurarlos para que fueran dinámicos y reutilizables desde JavaScript. Esto se resolvió centralizando la información en objetos dentro del código, lo que permitió gestionar de manera más eficiente los cambios entre el modo claro y oscuro. Por otro lado, también tuvimos inconvenientes con la tipografía, ya que no se encontraba disponible en Google Fonts. Por este motivo, fue necesario buscarla en otras plataformas y finalmente descargarla desde Dafont para poder implementarla correctamente.
Cambios durante la implementación
Durante el desarrollo, se realizaron ajustes importantes para mejorar la coherencia y el funcionamiento del proyecto:
Se unificó la estructura del código entre todos los integrantes para mantener consistencia.
Se reorganizó el manejo de temas (modo claro/oscuro) para hacerlo dinámico mediante localStorage.
Se optimizó la reutilización de componentes, como tarjetas y perfiles.
Se mejoró la experiencia visual agregando animaciones y transiciones.
El objetivo principal de estos cambios fue lograr un sitio funcional, ordenado y listo para su correcta presentación y publicación.