Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
1. Importamos el .json en nuestra aplicación y mostrar la primera pregunta en pantalla.
2. Mostrar las posibles respuestas de esa pregunta.
3. Detectar la respuesta correcta.
4. Poner la imagen vinculada a la pregunta.
5. Añadir styled-components a la aplicación.
6. Al acertar una pregunta, avanzaremos a la siguiente.
7. Al fallar una pregunta, retrocedemos a la anterior.
6. Mostrar un popup al ganar el juego.
7. Desordenar las preguntas y las respuestas. Para ello, utilizaremos la siguiente función:
export const shuffleArray = (array) => {
let counter = array.length;
// While there are elements in the array
while (counter > 0) {
// Pick a random index
let index = Math.floor(Math.random() * counter);
// Decrease counter by 1
counter--;
// And swap the last element with it
let temp = array[counter];
array[counter] = array[index];
array[index] = temp;
}
return array;
}
Descargar código fuente