Inside the folder, create three files: index.html, style.css, and script.js. In your code editor, create a new folder called 'memory-card-game'. To start, let's create a new directory for our project and set up the file structure. If you would prefer to watch a beginner-friendly step-by-step video tutorial instead, here is the video tutorial that I made.īefore we jump into anything, check out my repository on GitHub for this project, where I prepared an assets folder with the fruit icons that we'll use for the cards, and also created a json file with all the card data that we'll need to implement this game. The game will be restarted when all cards have been matched. The game will have a grid of cards, where each card will have an image and a score system to keep track of the player's progress. In this tutorial, we will learn how to build a beginner-friendly memory card game using HTML, CSS, and JavaScript.