katerinamakri / fend-project-memory-game

A part of the Front-End Web Developer Nanodegree Program

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Memory Game Project

Table of Contents

Instructions

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.

Live Demo

Matching_game_Preview

Future Improvements

  • Add cards dynamically using JavaScript
  • Fix known bug in timer
  • Add CSS animations when cards are clicked
  • Pause the game
  • Level of difficulty by increasing the number of cards
  • Implement a leaderboard

About

A part of the Front-End Web Developer Nanodegree Program


Languages

Language:JavaScript 53.4%Language:CSS 28.0%Language:HTML 18.6%