Skip to content

A memory game written in plain JavaScript. It's a project for the Udacity's Front-End Web Developer Nanodegree.

Notifications You must be signed in to change notification settings

AlbertVilaCalvo/JavaScript-Udacity-Memory-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Memory Game Project

A memory game written in plain JavaScript. It's a project of the Udacity's Front-End Web Developer Nanodegree.

⚡️ PLAY THE GAME! ⚡️

Started from https://github.com/udacity/fend-project-memory-game.

Screenshot

Screenshot of the game

React Native version

I've also built a mobile app version of this game using React Native.

⚡️ Check the React Native version! ⚡️

How to play the game

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.

Dependencies

  • Font awesome
  • Google fonts

Code from other students:

https://codepen.io/t0mbr0wn/project/editor/ZBBOob

https://github.com/udacity/fend-project-memory-game/pull/2/files

Deployment

Hosted on Netlify at https://albert-javascript-udacity-memory-game.netlify.app/.

It deploys automatically from GitHub, from the master branch.

About

A memory game written in plain JavaScript. It's a project for the Udacity's Front-End Web Developer Nanodegree.

Topics

Resources

Stars

Watchers

Forks