Third Project in Google Developer Scolarship, passed on HTML & CSS & vanilla js.
Udacity's Google Developer Challenger Scholarship - Front End Web Development
[+] AUTOR: Ibrahim Ragab
[+] EMAIL: [email protected]
[+] Github: https://github.com/Yuribenjamin
[+] twitter: @AbrahamRagab
Memory game is a matching game, containing of 16 cards, the goal is to matching up 8 pairs, you can only open two cards at the same time, if you success the game is over!
Click on any cards, search to compare pairs, when you find right one the pairs stay flipped, if you didn't keep try.
The game is built using simple HTML, CSS and JavaScript.
The starter code is provided by Udacity for the Udacity FEND's students.
Images from fontawesome.
Background from Subtle Patterns.
The shuffle() function is provided by Udacity from stackoverflow.
The contents of this repository are covered under the MIT License.
Game behavior
Memory Game Logic = The game randomly shuffles the cards.
A user wins once all cards have successfully been matched.
Congratulations Popup = When a user wins the game,
a modal appears to congratulate the player and ask if they want to play again.
It should also tell the user how much time it took to win the game, and what the star rating was.
Restart Button = A restart button allows the player to reset the game board, the timer, and the star rating.
Star Rating = The game displays a star rating (from 1 to at least 3) that reflects the player's performance.
At the beginning of a game, it should display at least 3 stars.
After some number of moves, it should change to a lower star rating.
After a few more moves, it should change to a even lower star rating (down to 1).
Timer = When the player starts a game, a displayed timer should also start.
Once the player wins the game, the timer stops.
Move Counter = Game displays the current number of moves a user has made.
The number of moves needed to change the rating is up to you, but it should happen at some point.