A fun and interactive color-memory game inspired by the classic Simon Says!
Test how well you can remember a growing sequence of colors โ each level adds a new one to the chain. Can you keep up?
- ๐น Color-based pattern memory challenge
- ๐น Responsive design for mobile, tablet, and desktop
- ๐น Visually engaging UI using CSS animations and gradients
- ๐น Simple, clean, beginner-friendly code structure
- ๐น One-click Start Game functionality (no keyboard required)
- HTML5
- CSS3 (Flexbox, transitions, gradients)
- Vanilla JavaScript (event listeners, DOM manipulation)
To run the game locally:
- Clone the repository:
git clone https://snehal42.github.io/simon-says-game/
Thatโs it! No installations or dependencies needed.
๐ Project Structure bash Copy Edit โโโ index.html # Main HTML file โโโ style.css # Styling for the game โโโ app.js # JavaScript game logic โโโ preview.png # (Optional) Screenshot preview ๐ Game Rules Click Start Game to begin.
A colored box will flash โ remember the sequence!
Repeat the pattern by clicking the boxes in order.
Each new level adds another color to the sequence.
Make a mistake, and it's game over โ try again!
๐ก What I Learned DOM manipulation with JavaScript
Event handling and game state control
Responsive layout techniques with Flexbox
Enhancing UX with animations and transitions
๐ Acknowledgements This project was inspired by the classic "Simon" game. Thanks to everyone who gave feedback and motivation along the way!
๐ฌ Contact
Feel free to connect with me on LinkedIn Or drop a โญ on this repo if you liked it!