Skip to content

Proo2005/Card_match_game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Card_match_game


πŸš€ How to Run the Game

  1. Clone or download this repository.
  2. Place your card images (a.png, m.png) in the same directory as index.html.
  3. Open index.html in any modern web browser.

πŸ§‘β€πŸ’» Technologies Used

  • HTML5 – Page structure and elements.
  • CSS3 – Styling the game board and cards.
  • Vanilla JavaScript – Game logic and interactivity.

πŸ” Restart Logic

  • When all pairs are matched, a β€œYou Win!” overlay appears.
  • The "Play Again" button resets:
    • Card states
    • Matched count
    • Shuffles all cards randomly

πŸ“Έ Screenshots

Game Start Matching Cards
start match

(Add your own screenshots in a /assets folder and update links)


✨ Possible Future Enhancements

  • πŸ”’ Move counter and timer
  • πŸ”Š Sound effects on match/mismatch
  • πŸ“± Mobile responsiveness
  • 🎨 Animated card flip effect

πŸ“œ License

This project is open-source and free to use under the MIT License.


πŸ™Œ Acknowledgments

Inspired by classic memory card games for web development learning and practice.


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages