The Alphabet Game
This game is a version of the famous Spanish game "Pasapalabra", in which the contestant has to get one question right for each letter of the alphabet in a certain time.
Features
- The game can be customized by choosing a male or female avatar.
- The game is played against the clock, you only have 150 seconds.
- One question per letter is shown and it has to be answered as quickly as possible.
- When the answer is correct, the letter stops flashing, turns green and a success sound is played, otherwise, it turns red and a failure sound is played.
- It is possible to move on to another question and come back later to answer it.
- The game can be stopped at any time.
- Once the game is over, the score will be shown and you can choose whether to play again or check the ranking.
- The ranking shows the last 10 best results.
What I learned
- How to use SASS and convert it to CSS.
- How to build and utilize mixins with SCSS in order to use functions.
- How to implement fluid and responsive font.
- How to synchronize DOM events with jQuery.
- How to align elements with by combining absolute and relative positions.
- How to organize and separate the code following the MVC (Model, View, Controller).
Technologies
- Front-end: JavaScript (ES6) with jQuery, HTML, CSS-SASS
- Back-end: -