en / es / ca / de

Matching Game

Matching game is a traditional game of memory. You need to remember the position of each card and match it to its peer to win.

Source code

Features

  • The characters are randomly placed behind each chest.
  • The player has to open two chests to make them equal.
  • If the two characters are different, the chests will close again and it will count as a failure.
  • If the characters are equal, they will remain visible and it will count as a match.
  • The goal of the game is to match all the characters.
  • The counter displays both matches and failures during the game.
  • A summary of the results will be shown at the end of the game.

What I learned

  • How to manipulate the DOM with jQuery.
  • How to understand the logic behind a matching game.
  • How to separate the code into different files to keep everything organized.

Technologies

  • Front-end: JavaScript (ES6) with jQuery, HTML, CSS
  • Back-end: -