Memory Match

Uploaded the project to github and hosted the game on github pages using npm gh-pages so that it is playable by anyone on the web without installing anything. Ready to ship now!

Added difficulty levels. The original one is now easy mode, medium increases the grid to 5x4 and hard increases it to 6x5. The highscores are tracked and maintained separately for each difficulty and so is the timer. The game resets even if you change the difficulty level mid game.
(Because of the increase in the number of cards there might a lag sometimes in the hard mode)

Added sound effects for flipping cards, matching, resetting and on winning the game. Also worked on some css and made it so that the game resizes on phones and smaller screens and also some other minor css tweaks.

Added highscores. I track three highscores, best time, least moves and best game overall. For the overall best, the first preference is given to moves and then time. The win overlay shows whenever you make a new highscore.
(I wasted some moves and time in the demo video to show the highscores changing)

feat: added a timer to the game. It only starts after you start playing. I now also show how long you took to finish the game along with the number of moves taken. It also restarts if you reset the game.

Worked on the css. Earlier I was imitating a card flip using opacity, now I am actually flipping the card and you can see the animation. Also added a pop animation on a correct match. Also adjusted the scale of the ui so there’s no phantom scroll (which was there before).

The cards now get shuffled every round. I also show a win message as an overlay on winning the game. I also lock the cards every turn so the player can’t click or see any extra cards in one turn.
Added a reset button near the score too from where the game can be reset at any time.

Worked on the game logic, the cards now flip back if they don’t match. If they match they stay flipped and the card turns green. The score and moves counter also get updated accordingly. The cards don’t shuffle yet, will work on that.

Making a memory match game using react. I have currently designed the front end and css and you can flip the cards right now. Will work on the game logic now like checking if the cards match and updating the game accordingly.