📢 
Objetivo
- El Quiz constará de 10 preguntas. Cada pregunta tendrá 4 opciones y sólo una de ellas será la correcta.
- Podrán ser preguntas nuestras y preguntas que vengan de https://opentdb.com/
- La aplicación tendrá que ser una SPA (single-page application). Sólo una pregunta cada vez en pantalla.
Requisitos para este proyecto
- Manipulación dinámica del DOM
- Crear una página SPA para las preguntas
- Manejo de ES6
- Asincronía. Usar API de preguntas https://opentdb.com/
- APIs HTML5: Uso de Local storage y gráficas, etc...
- Sin frameworks ni librerias externas en la medida de lo posible
- Gestión del proyecto en Github desde el principio. Uso de ramas, fork, pull request, etc...
- Código limpio, buenas prácticas
Opcional
- Otras APIs, mix de preguntas de distinas fuentes...
- En general, cualquier extra será bien recibido para que investiguéis por vuestra cuenta, siempre y cuando tenga sentido
- Diseño responsive, mobile first, semántica HTML5
-
Ejemplo de enunciado para adaptar modelo de datos
-
Conseguir con 10 preguntas nuestras, guardadas en un array de objetos, se pueda jugar a nuestro Quiz.
[{..},{..},{..}...{..}]
- Javascript: Manejo de asincronía. Leer 10 preguntas random de la API de prenguntas para generar el Quiz
-
Almacenar la puntuación de cada partida en un array de objetos
[{..},{..},{..}...{..}]en Local Storage. Guardar puntuación y fecha en cada objeto del array -
Mostrar en la Home con una gráfica los resultados de las últimas partidas jugadas (leer puntuaciones de LocalStorage). Representar Fecha(eje X) vs Puntuación(eje Y)
home.html. Página de bienvenida + gráfica de últimos resultadosquestion.htmlSPA. Página para renderizar las 10 distintas preguntasresults.htmlPágina para mostrar resultado del quiz
