/fend-project-memory-game

Browser-based card matching game

Primary LanguageJavaScript

Memory Game Project

This is a browser-based card matching game, which is about demonstrating the mastery of HTML, CSS, and JavaScript.

Table of Contents

Functionality

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.

When the player wins the game, a modal appears to congratulate the player and ask if they want to play again. It also tells the player how much time and how many moves it took to win the game, and what the star rating was.

Dependencies

This project uses Google Fonts and Font Awesome.

Contributing

This repository is the code of a Udacity project, but I most likely will accept pull requests.

For details, check out CONTRIBUTING.md.