This is a memory game implemented using HTML, CSS, and JavaScript. The game features dynamic card creation, randomized card distribution, a move counter, a timer, feedback messages, sound effects, and custom styles.
This project is a web-based memory game where players are challenged to match pairs of cards with identical symbols. The game was built as a fun and interactive way to test and improve memory skills.
- Implemented JavaScript functions to dynamically create card elements based on a predefined set of symbols.
- Each card contains a unique symbol, ensuring a diverse and challenging gameplay experience.
- Developed a function to shuffle the array of card symbols, ensuring a random distribution of cards each time the game is played.
- Used the Fisher-Yates shuffle algorithm to achieve randomness and prevent predictability.
- Added a move counter to track the number of moves made by the player.
- Integrated a timer to measure the duration of each gameplay session. Implemented logic to update the display of moves and time in real-time.
- Created feedback messages to provide instant feedback to the player based on their actions.
- Included messages for successful matches, incorrect matches, level completion, and game over.
- Enhanced the gaming experience with sound effects triggered by different game events.
- Added sounds for card flips, successful matches, and game over.
- Designed custom styles using CSS to create an appealing and intuitive user interface.
- Incorporated animations and transitions to improve the visual aesthetics of the game.
To play the game, simply open the index.html file in your web browser. Follow the on-screen instructions to start a new game and test your memory skills! You can also follow this link: https://memo-game-by-anabeeella.netlify.app/