Flip Cards Memory Game
Description:
Flip Cards Memory Game is a classic memory matching game implemented using JavaScript, SCSS, and Vite. Players are presented with a grid of cards, each containing a hidden symbol. The objective is to match pairs of identical symbols by flipping two cards at a time. The game tests and enhances players' memory and concentration skills.
Setup Instructions:
-
Clone the Repository:
git clone https://github.com/Youssef-Alakouche/flip-cards-memory-game.git
-
Install Dependencies:
npm install
-
Run the Application:
npm run dev
-
Open in Browser: Open your web browser and navigate to
http://localhost:5173
to play the game.
How to Play:
- Click on any card to reveal its hidden symbol.
- Click on another card to reveal its hidden symbol.
- If the symbols on the two cards match, they remain face down.
- If the symbols do not match, the cards flip back over.
- Continue flipping pairs of cards until all pairs have been matched.
- The game ends when all pairs have been matched.
Adjustments Needed:
The logic of the game can be adjusted in the following ways:
-
Scoring System: Implement a scoring system to track the number of moves made by the player. Penalize the player for extra moves or reward them for completing the game within a certain number of moves.
-
Timer: Add a timer to challenge players to complete the game within a specific time limit. Display the elapsed time throughout the game and provide feedback when the time limit is reached.
-
Difficulty Levels: Introduce multiple difficulty levels with varying grid sizes and numbers of symbols. Increase the challenge by adding more symbols or decreasing the grid size for higher difficulty levels.
Contributing:
Contributions to Flip Cards Memory Game are welcome! If you have any suggestions, improvements, or bug fixes, feel free to open an issue or submit a pull request.