A sleek, responsive memory-testing game built to master the fundamentals of the DOM and state management. No frameworks, no librariesโjust pure web technologies.
๐น๏ธ Play the Live Demo | ๐ View GitHub Repo
The goal was to recreate the classic Simon electronic game while diving deep into JavaScript fundamentals. This project focuses on asynchronous timing, event delegation, and state persistence.
- HTML5 โ Semantic structure and game board layout.
- CSS3 โ Custom animations, neon glow effects, and responsive design.
- Vanilla JavaScript โ Game logic, sequence generation, and DOM manipulation.
- Infinite Gameplay: The sequence grows infinitely until you miss a beat.
- High Score Persistence: Integrated logic to keep track of your level progress.
- Responsive Design: Optimized for a seamless experience on mobile and desktop.
- Visual Feedback: Dynamic CSS transitions provide a "glow" effect for each color.
- Start: Press any key or tap the game board to begin.
- Memorize: Watch the sequence of colors as they flash.
- Repeat: Click the colors in the exact order shown.
- Level Up: Every successful round adds one new color to the sequence.
If you want to run the project locally or contribute:
- Clone the repository:
git clone [https://github.com/Harkiratcodess/simon-say-game.git](https://github.com/Harkiratcodess/simon-say-game.git) Bash cd simon-say-game Open index.html