Skip to content

Memory Blocks is a simple and fun card-matching game built with pure HTML, CSS, and JavaScript. It challenges players’ memory through randomized cards, smooth animations, and limited attempts. This project helped me strengthen my JavaScript logic.

Notifications You must be signed in to change notification settings

FadyASadek/Memory-Blocks-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Memory Blocks Game

A Fun & Challenging Card Matching Game


Overview

This is a fun and interactive memory card matching game where players must match pairs of identical images. The game challenges memory and concentration skills while providing an engaging and enjoyable experience.


Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Logic: Pure JavaScript for game mechanics, card flipping, and randomization
  • Animations & UI: Smooth transitions and effects using CSS

How to Play

  1. Click on a card to reveal the hidden image.
  2. Click on another card to find its matching pair.
  3. If the images match, they remain visible.
  4. If they don’t, they flip back after a short delay.
  5. Card positions reshuffle every time you lose to keep the challenge fresh.
  6. You have a limited number of attempts to match all pairs!

Features

  • Dynamic card shuffling after every failed attempt
  • Simple and intuitive gameplay mechanics
  • Smooth animations for a great user experience
  • Challenging and fun with a limited number of tries

Future Enhancements

  • Difficulty levels: Easy, Medium, Hard
  • Countdown timer to add a competitive edge
  • Sound effects for better feedback
  • Score tracking to enhance replayability and motivation

Key Takeaways

  • Strengthened JavaScript logic and DOM manipulation skills
  • Gained hands-on experience in building interactive games
  • Improved understanding of state management in browser-based applications

How to Run

  1. Clone the repository:
    git clone https://github.com/your-username/memory-blocks-game.git

About

Memory Blocks is a simple and fun card-matching game built with pure HTML, CSS, and JavaScript. It challenges players’ memory through randomized cards, smooth animations, and limited attempts. This project helped me strengthen my JavaScript logic.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published