https://github.com/nlkduy/misalala
Game find similar pictures written in pure Javascript.
https://github.com/nlkduy/misalala
card-game gamejs html5-game
Last synced: about 1 month ago
JSON representation
Game find similar pictures written in pure Javascript.
- Host: GitHub
- URL: https://github.com/nlkduy/misalala
- Owner: nlkduy
- License: mit
- Created: 2023-11-22T14:51:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2026-04-30T08:35:25.000Z (about 2 months ago)
- Last Synced: 2026-04-30T09:16:49.997Z (about 2 months ago)
- Topics: card-game, gamejs, html5-game
- Language: JavaScript
- Homepage: https://nlkduy.github.io/misalala/
- Size: 12 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MISALALA
A fun memory matching game where you find pairs of similar pictures using pure JavaScript.
## Description
MisaLala is a classic memory card game built with HTML, CSS, and JavaScript. Players flip cards to reveal images and match pairs. The game features multiple levels with increasing difficulty, score tracking, and a clean, responsive design. The codebase has been modernized using ES6+ JavaScript with a consolidated, modular structure.
## How to Play
1. Open `index.html` in your web browser.
2. Click on cards to flip them and reveal the images.
3. Find matching pairs by remembering the positions.
4. Complete all pairs in a level to advance.
5. Try to achieve the highest score possible!
## Features
- **Multiple Levels**: Start with Level 1 and progress through Level 2 and Level 3.
- **Score Tracking**: Your score is saved using localStorage.
- **Responsive Design**: Works on desktop and mobile devices.
- **Modern JavaScript**: Uses ES6+ features and modular code.
## Installation
1. Clone the repository:
```
git clone https://github.com/duynlk/misalala.git
```
2. Navigate to the project directory:
```
cd misalala
```
3. Open `index.html` in your preferred web browser.
No additional dependencies required!
## Technologies Used
- HTML5
- CSS3 (Flexbox/Grid)
- Pure JavaScript
## Project Structure
- `index.html`: Home page with level selection
- `game.html`: Dynamic game page for all levels (uses URL parameters like `?level=1`)
- `script/Game.js`: Consolidated game logic for all levels
- `style/`: CSS stylesheets
- `img/`: Game images
## Contributing
Feel free to fork the repository and submit pull requests. Suggestions for new features or improvements are welcome!
## License
This project is open source. See LICENSE for more details.