Skip to content

Abiodun-Shittu/Memory-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧠 Memory Card Game

A fun and interactive memory card game built with HTML, CSS, and JavaScript to test how well you can remember card positions.


🎮 Live Demo

👉 Play the game here:
🔗 https://abiodun-shittu.github.io/Memory-Game/


📌 Features

  • 🃏 Flip cards to reveal hidden images
  • 🧠 Match pairs to win the game
  • ⏱️ Timer to track how fast you complete the game
  • 🔢 Move counter to track number of attempts
  • Rating system based on your performance
  • 🎨 Clean and responsive UI
  • ⚡ Fast and lightweight (no frameworks)

🚀 How It Works

  1. Click on a card to flip it
  2. Flip another card to find a match
  3. If the cards match, they stay open
  4. If not, they flip back
  5. Complete the game by matching all pairs
  6. Try to finish with fewer moves and better time for a higher rating ⭐

🛠️ Tech Stack

  • HTML – Structure
  • CSS – Styling & animations
  • JavaScript – Game logic

📸 Preview

Screenshot 2026-03-22 at 8 48 22 PM

💡 What I Learned

  • DOM manipulation with JavaScript
  • Event handling
  • Game state management
  • Building interactive UI features (timer, rating system)
  • Improving user experience with animations

📈 Future Improvements

  • Add difficulty levels (easy, medium, hard)
  • Add sound effects 🔊
  • Add leaderboard / high scores 🏆
  • Improve mobile responsiveness

🤝 Contributing

Feel free to fork the project and improve it. Contributions are welcome!


👨‍💻 Author

Abiodun Shittu

About

An interactive memory card game built with vanilla HTML, CSS, and JavaScript, featuring a timer, move tracking, and a dynamic rating system to test your memory skills.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors