A browser-based implementation of the classic Simon Says memory game built using HTML5, CSS3, and Vanilla JavaScript.
The game challenges players to remember and repeat an increasingly long sequence of colors. Each correct round increases the difficulty by adding a new color to the sequence.
- 🎲 Random color sequence generation
- 🎯 Level progression
- 🧠 Memory-based gameplay
- ⚡ Interactive button animations
- 🎨 Visual feedback for user and game actions
- 🏆 High score tracking (Current Session)
- ❌ Game Over screen with restart option
- 🔄 Restart game after Game Over
- 📱 Mobile Touch Support
- 💾 Save High Score using Local Storage
- 📱 Responsive design for desktop and mobile devices
- HTML5
- CSS3
- JavaScript (ES6)
- DOM Manipulation
- Event Handling
- Arrays
- Functions
- Conditional Statements
- Random Number Generation
- Timers (
setTimeout) - CSS Class Manipulation
- Game State Management
javascript-simon-game/
│
├── index.html
├── style.css
├── app.js
├── README.md
├── .nojekyll
├── favicon.svg
└── screenshots/
├── gameStart.jpeg
├── gamePlay.jpeg
└── gameOver.jpeg
- Open
index.htmlin your browser. - Press any key to start the game.
- Watch the flashing color sequence.
- Repeat the sequence by clicking the colored buttons.
- Successfully repeat the sequence to advance to the next level.
- If you make a mistake, the game ends and displays your score.
While building this project, I practiced:
- JavaScript Event Handling
- DOM Manipulation
- Managing Game State
- Random Sequence Generation
- Working with Arrays
- Animating Elements using CSS Classes
- Timers with
setTimeout - Implementing Game Logic
- 🎵 Add Sound Effects
- 🌙 Dark Mode
- 🎮 Difficulty Levels
- ⏸ Pause and Resume Game
- 🎨 Better Animations
- 🏅 Leaderboard
Amit Chauhan
If you found this project helpful, feel free to ⭐ the repository.