Memory Game Project

Instructions

This is a browser-based card matching game. A user wins once all cards have successfully been matched.

How The Game Works

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:

1. The player flips one card over to reveal its underlying symbol.
2. The player then turns over a second card, trying to find the corresponding card with the same symbol.
3. If the cards match, both cards stay flipped over.
4. If the cards do not match, both cards are flipped face down.
5. The game ends once all cards have been correctly matched.

=======

How to run/play the game

1. To run the game, open index.html in your browser.
2. The game should automatically show a pop-up asking you to start the game.
3. Once started the time ticker begins.
4. User can click on the cards to reveal the image.
5. Once user is able to match all 16 cards, the game ends - User wins.!!! Woohoo..!!!
6. To restart the game, user can click on play again button from the result modal dialog.
7. Alternatively, user can close the modal and restart the game by clicking on the restart icon above the tile section.

Dependencies

This project uses the following libraries

1. jquery
2. jquery-ui
3. bootstrap
4. popper.min.js