Udacity Front-End Web Developer Nanodegree Program
Simple memory game created with HTML, CSS and Javascript.
Clone or download this repository and open index.html.
A working demo can be played here: http://alebat.atwebpages.com/memory/
The goal of this game is to flip and match all the turned-down cards.
Flip two cards, if the cards match, both cards stay flipped otherwise they will be hidden again.
The game ends once all cards have been correctly matched.
As soon as the game ends a modal with informations about elapsed time, number of moves and stars gained will be displayed.
Features:
- Moves count
- Timer
- Star rating (1-3)
- Change board size (4x4 or 6x6)
- Responsive web design
- 10 best score saved in localStorage
- Icons from Font Awesome.
- Flip card animation based on https://desandro.github.io/3dtransforms/docs/card-flip.html
- Other css animations based on https://webplatform.github.io/docs/tutorials/css_animations