HTML: Teniendo en cuenta el prototipo inicial, diseñamos la página web en HTML sin funcionalidad. Hicimos un Header donde se encuentra el logo, donde colocamos el nombre de nuestra trivia(“Trivia de literatura”), y un navegador que contiene los links a las páginas “Inicio” y “Acerca de nosotras” Dentro del body, trabajamos en el primer forms que contiene el cuadro para ingresar nombre y el botón de inicio, para luego crear el segundo forms que contiene las preguntas con sus respectivos round buttons y los botones “Comprueba respuestas” y “Volver a jugar”. JavaScript: Aquí empezamos a tener algunas dificultades para darle funcionalidad a la página. En primer lugar, hicimos que el botón jugar mostrará la página usando onclick y tuvimos algunos problemas para conseguir el mismo resultado usando el evento .addEventListener, la coach Sofie nos dio feedback para completar esta parte. Luego, usando .addEventListener para el botón “Comprueba tus respuestas” hicimos que se que preguntas están correctas e incorrectas y cuales son las alternativas correctas usando .innerHTML. Finalmente para el botón “Volver a Jugar” logramos que este borre las respuesta marcadas y nos lleve al primer forms. Habíamos logrado que al seleccionar cada round button se muestre una alerta indicando el valor de botón, pero sacamos esta función porque no era amigable para el usuario. CSS: Aplicamos algunos estilos con CSS para darle un poco de dinamismo a nuestro proyecto. En una oportunidad, pasó que lo que aplicamos no se veía reflejado en la página, pero se debía a que no se había escrito correctamente una etiqueta; así que inspeccionamos el código y dimos con ello.
El desarrollo de nuestro proyecto fue en base a los Hitos planteados en el proyecto, nos planteamos metas diarias para hacer el trabajo más digerible y nos reunimos unas cuantas veces fuera del horario de Laboratoria. Al final de cada día nos explicamos lo que hicimos y nos dábamos feedback para tener en cuenta que preguntar a los coaches el día siguiente.
Pudimos conocernos, a trabajar juntas y sobre todo, a desarrollar la paciencia y resiliencia, ya que en algunos momentos el código no se compiló y en muchas ocasiones.
Prototipo: Inicialmente, en el Jamboard, prototipamos los 2 primeros hitos, ya que tuvimos la idea de hacer el proyecto escalable; sin embargo, en conjunto decidimos que desarrollaremos una sola propuesta que contenga los 3. De este modo, nos quedamos con un prototipo que está plasmado en el siguiente link: Link del jamboard: https://jamboard.google.com/d/1mqVaCwZssvL1qwqmiChvs0V981Xa9bF6vpJQJSa6wvc/edit?usp=sharing Para poder cumplir con lo esperado, establecimos metas diarias para trabajar en cuanto entremos a la etapa de desarrollo. Desarrollo: nos sirvió levantarnos a caminar por unos minutos, tomar agua y regresar con la mente despejada.