HTML CSS JS
The Memory card game is an entertaining way to exercise and improve your memory skills. It's also known as Concentration, Match up, or Pairs.
I'm developing a single-page web application that emulates a one-player game of Memory. The page is built using vanilla HTML and CSS. The game logic and page behavior is implemented using JavaScript.
I'm proposing this project as an exercise in web development. I'm writing this developer blog to record my approach to the programming challenges I'll encounter in this project and my method for building the front end of a web application from scratch.
The references I'm using are W3Schools and MDN Web Docs.
To start the game, a deck of eight to 36 pairs of identical cards are shuffled and laid face down. The goal of the game is to find matching pairs of cards in the least amount of turns.
In each turn, the player flips two cards face up. If they match, the cards are solved and remain facing up. If they don't, the cards are flipped over and the player tries again.
The game ends when all the cards have been solved. The score is the number of turns the player took to finish the game. The less turns, i.e., the lower the number, the better the score.