https://github.com/dmitrysharabin/mavo-memory-game

A complete browser-based card matching game built with Mavo.
https://github.com/dmitrysharabin/mavo-memory-game

mavo

Last synced: about 2 months ago
JSON representation

A complete browser-based card matching game built with Mavo.

• Host: GitHub
• URL: https://github.com/dmitrysharabin/mavo-memory-game
• Owner: DmitrySharabin
• Created: 2021-11-19T17:27:39.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-11-11T14:36:50.000Z (7 months ago)
• Last Synced: 2025-03-27T20:51:16.957Z (2 months ago)
• Topics: mavo
• Language: CSS
• Homepage: https://dmitrysharabin.github.io/mavo-memory-game/
• Size: 31.6 MB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Memory Game

_Memory Game_ is a complete browser-based card matching game (also known as _Concentration_) built with [Mavo](https://mavo.io).

For more information see this [article](https://en.wikipedia.org/wiki/Concentration_(game)) in Wikipedia.

## 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. Out of the box, the game supports three different sets of symbols — built-in themes: _emoji_, _flora_, _animals_.

The cards are arranged randomly on the grid with the symbol face down.

## Gameplay

The gameplay rules are very simple: flip over two hidden cards at a time to locate the ones that match.

## Interface

![Game Interface](screenshots/interface-2.png)

### Game State Panel

![Game State Panel](screenshots/state-panel.png)

Parts of the _State Panel_ (left to right):

1. Star Rating

1. Moves Counter

1. Timer

1. **Reset Game** button

### Game Board

![Game Board](screenshots/board.png)

### Themes

You can **add** your own themes, **export** and share them with your friends, or **import** someone else's themes.

![Themes](screenshots/themes.png)

### Attempts Results Table

The game stores the results of a user's attempts using browser's local storage.

![Attempts Results](screenshots/attempts.png)

To clear the table use **Clear Results** button ![Clear Results](screenshots/clear-results-button.png).

## Game Launch

To start the game open file `index.html` in a browser or just follow

[this](https://dmitrysharabin.github.io/mavo-memory-game/) link.

## License

The content of this repository is licensed under the [MIT License](https://mit-license.org).