This is a simple, but interesting puzzle game. The objective of game is to flip and match all the turned-down cards in as few moves as possible to clear the game field.
This app built using HTML, CSS, and plain JavaScript without any outer libraries and frameworks (jQuery, lodash, Bootstrap etc).
A working demo temporary placed here: http://andreyfilonenko.github.io/memory-game
-
At first, download archive from here, unpack it and get the game files from build folder (img and fonts folders, .js and .css files), and place it in the root folder of your website.
-
Markup the empty div you want the game to exist in (similar to the following):
<div id="appcontainer" class="container"></div> -
In page meta, add the reference link to game stylesheet and font "Roboto Slab", e.g as follow:
<link href="fonts/robotoslab.css" rel="stylesheet"/><link href="app.css" rel="stylesheet"/> -
In the bottom of the page body tag, place the script reference:
<script src="app.bundle.js"></script>
Licensed under the MIT license - http://www.opensource.org/licenses/mit-license.php