Skip to content

Classic table game transformed to a web app on behalf of Udacity Front-End Nano-degree project - Memory cards Game. JavaScript used to build the game and play on modern browsers.

Notifications You must be signed in to change notification settings

desinas/memory-game-fend-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Matching Cards Game

The game starts when you make the first choice move. So the timer begins to record your done time for all the pairs of the table. There are plenty of moves you can take and no limit in game time but you take three stars for the game completion only if you make it with minimum moves.

There are Font awesome's symbols anchor, diamond, leaf, bomb, bolt, bicycle, paper-plane, cube, used to design the cards.

How to play

Make moves on the table of cards by choosing pairs of cards that you think that have the same symbols. If the cards match, they will remain open. If they do not match, they will flip over and you can try again.

Project Specification

Game Behavior

  • The game randomly shuffles the cards. Player wins once all cards have successfully been matched.
  • When a player wins the game, a modal appears for congratulations and asks for one more game. It tells the player how much time it took to win the game, and what the star rating was.
  • A restart button allows the player to reset the game board at any time of the game: the timer, and the star rating.
  • The game displays a star rating (from 1-3) that reflects the player's performance. At the beginning of a game, it should display 3 stars. After some number of moves, it should change to a 2 star rating. After a few more moves, it should change to a 1 star rating. The number of moves needed to change the rating is at 16 moves, at 20 moves.
  • When the player starts a game, a displayed timer should also start. Once the player wins the game, the timer stops.
  • Game displays the current number of moves a user has made.

Interface Design

  • Application uses CSS to style components for the game.
  • All application components are usable across modern desktop, tablet, and phone browsers. It is tested and running well at the latest Chrome, Firefox and Safari browser (March 2018).

Documentation

  • A README file is included detailing the game and all dependencies.
  • Comments are present and effectively explain longer code procedure when necessary.
  • Code is formatted with consistent, logical, and easy-to-read formatting as described in the Udacity JavaScript Style Guide.

Font Awesome symbols used for game. Google Fonts Coda and Fascinate Inline used in game.

About

Classic table game transformed to a web app on behalf of Udacity Front-End Nano-degree project - Memory cards Game. JavaScript used to build the game and play on modern browsers.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages