A responsive, feature packed memory game web application.
You task is to match pairs of cards. Playing is very simple - you turn over one card and then try to find a matching card. You can choose from various deck options.
A timer at the top of the deck shows the time elapsed (in seconds) since the beginning of the game. Web storage API is used to store fastest game completion time locally within the user's browser.
Ratings are assigned based on the moves used for winning.
| Moves | Rating(stars) |
|---|---|
| < 12 | 3 |
| < 18 | 2 |
| > 18 | 1 |
- HTML5 LocalStorage - Web storage for web applications to store data locally within the user's browser with no expiration date.
- Window setInterval() Method - Repeats a given function at every given time-interval
- CSS Flexbox - CSS layout module to design flexible responsive layout structure without using float or positioning.
- CSS Media Queries - A popular technique to deliver a tailored style sheet to desktops, laptops, tablets, and mobile phones by defining different style rules for different media types.
- Google Fonts - A library of 900 libre licensed fonts.
- FontAwesome Icons - A font and icon toolkit.
Check out the live version of this app here.