To Do List Project

Matching Cards Game Project

See it Live!

This is a simple but fun Christmas themed game in which the player clicks on two cards at a time to flip them over and wins by matching all the identical pairs.

Languages Used

  • HTML5
  • CSS
  • SCSS
  • CSS Grid
  • FlexBox
  • JavaScript

What I learned

I really enjoyed making this game because I got to practice the design skills and JavaScript knowledge I had previously learned and figure out how to put it all together to create a project that looked good at different screen sizes, while also learning a few new techniques and methods along the way for the areas I had less experience with. I also got to use the Fisher-Yates Algorithm for the first time to shuffle the cards on page load.

Resources

See it liveHere

Find the source codeHere