“Repeat the pattern. Test your focus. Train your memory.” 🧠
A modern web recreation of the classic Simon Memory Game, built using HTML, CSS, and JavaScript.
The Simon Game is a fun and challenging memory game where players must repeat a growing sequence of colors and sounds.
Each round introduces one new color, testing your concentration and recall with every level. Miss one, and it’s game over!
This project demonstrates mastery of DOM manipulation, event handling, animation timing, and game state logic — ideal for beginners exploring interactive web development.
- 🎨 Vibrant UI — Clean, responsive design built with pure HTML, CSS, and JS.
- 🔊 Sound & Animation Feedback — Each color press triggers unique audio and visual cues.
- 🧠 Progressive Difficulty — Sequence length increases dynamically each round.
- 💾 Local Storage Integration (Optional) — Tracks your best score or highest level reached.
- 📱 Responsive Design — Works smoothly across devices.
- Start the Game — Press any key or “Start” button to begin.
- Watch the Sequence — Observe the flashing color pattern carefully.
- Repeat It Back — Click the buttons in the same order.
- Level Up — Each correct sequence takes you to the next level (adds a new color).
- Game Over — Miss a color, and your streak resets. Try again to beat your high score!
| Technology | Purpose |
|---|---|
| HTML5 | Game structure & UI elements |
| CSS3 | Styling, animations, and responsive layout |
| JavaScript (ES6) | Game logic, randomization, and interactivity |
| Local Storage (Optional) | Save progress & highest score |