austrisaugusts/memory-game-udacity-project-2

Build of the classic memory game "Concentration", using JavaScript, DOM selectors and Event Listeners

Project: Memory Game

What Will I Build?

The Memory Game Project is all about demonstrating your mastery of JavaScript. You’ll build a complete browser-based card matching game (also known as Concentration). But this isn’t just any memory game! It’s a shnazzy, well-designed, feature-packed memory game!

Games dependencies

For game dependencies we are using two external libraries

• FontAwesome icon library
• Coda font from Google Fonts

How the Game Works

The game board consists of sixteen "cards" arranged in a grid. The deck is made up of eight different pairs of cards, each with different symbols on one side. The cards are arranged randomly on the grid with the symbol face down. The gameplay rules are very simple: flip over two hidden cards at a time to locate the ones that match!

Each turn:

• The player flips one card over to reveal its underlying symbol.
• The player then turns over a second card, trying to find the corresponding card with the same symbol.
• If the cards match, both cards stay flipped over.
• If the cards do not match, both cards are flipped face down.

The game ends once all cards have been correctly matched.

Game Functionality

The real-life game, players flip over cards to locate the pairs that match The goal is to recreate this effect in your project. There are a couple of interactions that you'll need to handle:

• Flipping cards
• What happens when cards match
• What happens when cards do not match
• When the game finishes

Launch the game

To get started, open /index.html and start clicking the cards!