This game was built as a Udacity Course project. The Memory Game Project is all about demonstrating your mastery of HTML, CSS, and JavaScript.
Load this link in your browser https://patibugaj.github.io/fend-project-memory-game/
The game board consists of sixteen cards shuffled in a grid. The deck is made of the eight pairs of cards, each with different symbols on one side.
The game is started when the player flips two cards.
On each turn:
-
The player flips one card over to reveal its underlying symbol.
-
The player then turns over a second card, trying to find the corresponding card with the same symbol.
-
If the cards match, both cards stay flipped over.
-
If the cards do not match, both cards are returned to their initial hidden state.
-
The game ends once all cards have been correctly matched, time is over or user loose all lives.
- The game features a timer that countdown the time left in the game and to keep track of how long it takes to win and reports time on win/lose screen. When only 10 secs left, the timer flashes and text color changes to red.
- The player starts out with a three star rating. Player lose one star after 7th, 14th and 21st move. One move counts when player flips two cards. After 21 moves the game is over.
- When the game ends, a pop-up appears. The content depend on type of the ending. Mostly it consists the elapsed time, final star rating and a 'play again' button.