memory-pair-game.md

      

Memory – Pair Game

We learned a lot, but now let's do some practice!

In this section you will create Memory - Pair Game — a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards. The game ends when the last pair has been picked up.

In order to complete this challenge you should have a basic knowledge of HTML, CSS and JS. You can use any styling and animations you want — the only rule is to do it by yourself.

Some of following links might be helpful:

1. Shuffle Array
2. CSS3 Transitions
3. Flip Animation

When you're done with your challenge push your code to GitHub repo and publish it using GitHub Pages.

When complete do the following:

1. You will require code review for this task:
   • For Frontend 2021 course students: please, follow these instructions
   • For p2p course students: please, follow these instructions
2. Great job! Go ahead and share your progress with others – post a message in the course channel: Memory Pair Game — #done (or Memory Pair Game — #p2p_done if you are p2p course student) and add the link to your repo. This step is important, as it helps mentors to track your progress!

When you finish this task you can proceed to the next one.

Done?

➡️ Go forward to Website Performance Optimization

⤴️ Back to Contents