JUKEBOX.OK.mp4
🇬🇧
In this repository, you'll find an unparalleled challenge. You'll be able to test your musical knowledge through a 10-question quiz. Music is the engine of life, let's see how much you know about it. Let's start!!!!
http://chinchigit.github.io/Jukebox-Quiz
Click on the "register" button and create your user. Once you're registered, every time you come to the website, enter your details in the "login" and you'll see the quiz start button along with your user data and your previous scores.
Answer all the questions one by one and check your results at the end... Let's see if you're as good as you think and enter the "Hall of Fame".
You'll find 3 HTML files that organize the registration, game, and results screens. The questions are obtained by consuming the Open Trivia Database API.
The design of the questions is SPA, so they are rendered through a template from the script.
Then a CSS where you'll find all the styles used to layout the user interface. In addition to an assets folder with all the multimedia resources.
A single script file stores and develops all the logic and functionality of the quiz.
- HTML5
- CSS3
- JavaScript
- DB: Local Storage
- DB: Firebase Cloudstore, Authentication
- REST API
🇪🇸
En este repositorio encontrarás un desafío sin igual. Podrás poner a prueba tus conocimientos musicales a través de un quiz de 10 preguntas. La música es el motor de la vida, ¡veamos cuánto sabes sobre ello! ¡Comencemos!
http://chinchigit.github.io/Jukebox-Quiz
Haz clic en el botón "registrar" y crea tu usuario. Una vez que estés registrado, cada vez que visites el sitio web, introduce tus datos en el "login" y verás el botón de inicio del quiz junto con tus datos de usuario y tus puntuaciones anteriores.
Responde todas las preguntas una por una y comprueba tus resultados al final... Veremos si eres tan bueno como crees y entras en el "Hall of Fame".
Encontrarás 3 archivos HTML que organizan las pantallas de registro, de juego y de resultados. Las preguntas se obtienen consumiendo la API de Open Trivia Database.
El diseño de las preguntas es SPA, por lo que se representan a través de una plantilla desde el script.
Luego un archivo CSS donde encontrarás todos los estilos utilizados para el diseño de la interfaz de usuario. Además, hay una carpeta de recursos con todos los elementos multimedia.
Un único archivo de script almacena y desarrolla toda la lógica y funcionalidad del quiz.
- HTML5
- CSS3
- JavaScript
- DB: Almacenamiento Local
- DB: Firebase Cloudstore, Autenticación
- API REST