Skip to content

sarah-maris/pokematch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PokéMatch Concentration Game

Project Purpose:

This game was built as a Udacity Course project. The purpose of the project is to demonstrate mastery of HTML, CSS, and JavaScript.

How to Load the game

How to Play the Game

The game board consists of twelve to twenty-four cards arranged randomly in a grid. The deck is made up of six to twelve pairs of cards, each with different symbols on one side.

At start player chooses a level:

  • "easy" has 6 pairs of cards
  • "medium" has 8 pairs of cards
  • "hard" has 12 pairs of cards

On 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 returned to their initial hidden state
  • The game ends once all cards have been correctly matched.

Screenshots

Start Screen

Game in Play Game in Play

Win Screen

Special Features

  • Player can choose between "easy", "medium" and "hard" mode
  • The game features a timer to keep track of how long it takes to win and reports time on win screen
  • The player starts out with a three star rating -- but the rating drops the more moves it take to complete the game
  • When the game ends, a pop-up appears with the elapsed time, final star rating and a restart button

Resources used to create the game:

Array shuffle:

Card Flipping CSS:

Timer

Modal

Button CSS

Pokémon Font

Pokémon Images:

Pokémon Colors

COLOR HEX RGB
Pokémon Yellow #ffcb05 255, 203, 5
Pokémon Blue #0071b9 0, 113, 185
Pokémon Yellow Shadow #c7a008 199, 160, 8
Pokémon Logo Light Blue #2a75bb 42, 117, 187
Pokémon Logo Dark Blue #3c5aa6 60, 90, 166
Red #e60012 230, 0, 18
Coral Red #FF4554 255, 69, 84

Udacity Resources:

About

Memory Game Udacity project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published