Web Development: A simple memory game created with the basics of HTML, javascript and css.
Here’s a polished README.md tailored to your [jenniferlinet/memory-game] repository:
A simple yet engaging card-matching memory game built with JavaScript, HTML, and CSS.
- Flip cards to reveal symbols and find matching pairs.
- Tracks number of moves and elapsed time.
- Optionally tracks and displays high scores (if implemented).
- Clean, responsive UI design.
/
├── index.html # Game layout
├── style.css # Game styling
└── script.js # Core game logic (shuffle, flip, match, scoring)
All you need is a modern web browser—no installation required!
-
Clone the repo:
git clone https://github.com/jenniferlinet/memory-game.git cd memory-game -
Open
index.htmlin your browser. -
Start playing! Click on cards to reveal and match them.
-
Card Grid: Cards are shuffled and displayed face-down.
-
Game Loop:
- Click two cards.
- If symbols match, the cards stay revealed; otherwise, they flip back after a brief pause.
- The game finishes when all pairs are matched.
-
Score Tracking: Monitors moves (pair attempts) and time. High scores can be added with local storage or server integration.
- To change card icons/images: update
cardsarray inscript.js. - Add new features like level difficulty, sound effects, or persistent high score tracking.
- Refactor the code into ES6 modules or integrate into a front-end framework for scalability.
Feel free to submit:
- Bug reports or feature requests via issues.
- Pull requests for additional features or improvements.
For tutorials and inspiration, check out existing memory game projects like:
- FlowForFrank’s memory-game-js tutorial (github.com, github.com, github.com, github.com, h5p.org)
- Crisner’s browser-based card matching game (github.com)
Enjoy building and playing!