The Memory Game - Match n' Bake

This memory game has a baking theme. The goal is to find all the matching ingredients and the quicker you find them, the better the cake result will be :D

PS: Try using few moves to not loose any stars!

Good luck! Happy baking :)

How do I start the game?

Go to https://millus.github.io/2-Memory-Game/ and start playing.

or...

1. Download this project
2. Find the index.html in /2-Memory-Game/index.html
3. Open the "index.html"-file in your browser.

How do I play this game?

• Click on the cards to find all matching pairs.
• When you click on a card it flips, and you can see its symbol.
• Click on a second card to find a matching symbol.
• Only possible to look at a maximum of two cards at the same time.
• The game ends when all cards are facing up with the symbols.

What does the stars mean?

• The stars is an indication on how well you did!
• Use as few attempts as possible when trying to reveal all pairs.
• If you have too many attempts where you don't find a match, you will lose stars.
• You start with 3 stars, try to keep all of them till the end.

References:

• Create a modal: https://medium.com/@nerdplusdog/a-how-to-guide-for-modal-boxes-with-javascript-html-and-css-6a49d063987e
• Flip a 2-sided card: https://www.w3schools.com/howto/howto_css_flip_card.asp
• Randomized shuffle: https://stackoverflow.com/questions/2450954/how-to-randomize-shuffle-a-javascript-array/2450976#2450976
• Baking icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY
• Sucess sound made by Grunz from www.freesound.org is licensed by CC 3.0 BY
• Win sound made by Plasterbrain from www.freesound.org is licensed by CC 3.0 BY