Build a Card Memory Game in Angular

In this project, we will build a popular one-player memory card game in Angular, inspired by a card game known by many names like Memory, Concentration, and Shinkei-suijaku. Our version of this game is played with twelve cards of six matching pairs, under a countdown timer of $40$ seconds.

Initially, the cards are placed upside down in a grid. The player has to click a card to turn it over. Once a card has been turned over, the player has to click on another card. In case both cards form a matching pair, they’re removed from the grid, otherwise, both cards are turned back. To do well in this game, the player has to remember the cards after each failed attempt to match them.

We’ll use Material UI to design some elements of the game, and dependency injection to shuffle and retrieve images.