https://github.com/lazaronazareno/quiz-app
https://github.com/lazaronazareno/quiz-app
harry-potter mouredev quiz-app react
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/lazaronazareno/quiz-app
- Owner: lazaronazareno
- Created: 2022-08-02T06:09:07.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-09-21T19:11:30.000Z (over 2 years ago)
- Last Synced: 2025-02-26T20:22:55.282Z (4 months ago)
- Topics: harry-potter, mouredev, quiz-app, react
- Language: JavaScript
- Homepage: https://quiz-hrgame.web.app/
- Size: 407 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# App Monthly Challenge 2022
## Proyecto de retos de creación mensual de aplicaciones de la comunidad **[MoureDev](https://moure.dev)** en base a requisitos.
### Marzo: 03/03/22
**CUESTIONARIO CONTRARRELOJ:** Crea una "Quiz app" contrareloj con ranking.
Requisitos:
* El diseño es de libre elección.
* La temática de las preguntas del cuestionario será de libre elección. Puede estar bien seguir un mismo tema (por ejemplo, preguntas sobre el universo "Harry Potter").
* En la pantalla inicial podrás comenzar a jugar o consultar el ranking de puntuaciones.
* El juego consistirá en 10 preguntas aleatorias con 3 respuestas y sólo una correcta. Recomendable crear más de 10 preguntas para que no siempre salgan las mismas. Cada vez que se responde a una pregunta, se pasará a la siguiente.
* Disponemos de 30 segundos para responder cada pregunta. El contador deberá aparecer en la pantalla, y si llega a 0 se tomará como respuesta incorrecta y se pasará a la siguiente pregunta.
* Al marcar una respuesta o finalizar el tiempo, se mostrará si se ha acertado o no la pregunta, dando feedback sobre cuál sería la respuesta correcta y navegando al cabo de un par de segundos a la siguiente pantalla.
* Sistema de puntuación:
* Contador a 0 o respuesta incorrecta = 0 puntos.
* Contador mayor 0 y respuesta correcta = [segundos restantes] puntos. Ej: Si quedaban 9 segundos para finalizar la cuenta atrás y se acierta la pregunta, se asignan 9 puntos.
* Una vez finalizada la pregunta número 10 se mostrará en una nueva pantalla la puntuación final y se deberá introducir un nombre para guardarla de forma persistente (aunque cerremos la app). Hecho estos se mostrará la pantalla de ranking.
* La pantalla de ranking muestra ordenados de mayor a menor los 10 mejores resultados y el nombre guardado. Desde esta pantalla siempre se podrá navegar a la pantalla inicial.
## Screenshots
