README.md

memory-game-master

The third project from FEND of Udacity, memory game which matching the card

Memory Game Project

Ma Yujie 03-29-2018 Play Game Online.

Table of Contents

• Summary
• Instructions
• Installation
• Contributing

Summary

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.
• Congratulations screen with the number of moves, time, and star rating.
• Once completion of the game, a information will pop up which contain the time it tooks for completion, the star rating(1-3 stars), and the time it took to complete the game.
• The user may click the "Play Again" button if they want to play again.All cards are randomized for each game.

Instructions

The starter project has some HTML and CSS styling to display a static version of the Memory Game project. You'll need to convert this project from a static project to an interactive one. This will require modifying the HTML and CSS files, but primarily the JavaScript file.

To get started, open js/app.js and start building out the app's functionality

For specific, detailed instructions, look at the project instructions in the Udacity Classroom.

Installation

• For online play : https://cdn.rawgit.com/mayujie/memory-game-master/d68ad85c/index.html
• For offline play clone or download from : https://github.com/mayujie/memory-game-master

• File location:

• index.html
• css folder : app.css
• js folder : app.js
• img folder: geometry2.png

Contributing

Original code were from https://github.com/udacity/fend-project-memory-game

This repository is the starter code for all Udacity students. Therefore, we most likely will not accept pull requests.

For details, check out CONTRIBUTING.md.