A memory + logic puzzle built with React + TypeScript + Vite.
Watch the flashing grid, recall the pattern, and discover the invisible logic behind it.
In PulseGrid, you’ll see a 5×5 flashing grid that follows a hidden mathematical rule.
Your goal: memorize the flash pattern, select the same cells, and decode the logic.
Each level has its own pattern rule:
- Even indices
- Diagonals
- Prime numbers
- Center cluster
(row + col) % 3 === 0
Complete all levels to finish the game and reveal the “All Levels Completed” message!
React + TypeScript + Vite (lightning fast dev setup)
5 custom logic levels with unique patterns
Accurate 10s flashing timer
Day/Night theme toggle (auto-saved)
Background music system that loops forever
Hint + Reveal system for wrong guesses
Clean modular components with comments
Simple and beginner-friendly code
- Press Start Game
- Watch the pattern flash for 10 seconds
- Select the same cells
- Press Submit Guess
- ✅ Correct → move to next level
- ❌ Wrong → shows hint + option to reveal squares
- After completing level 5 → final “🎉 All Levels Completed!” screen appears
| Tool | Purpose |
|---|---|
| React (Vite) | Frontend + state management |
| TypeScript | Type safety & clarity |
| CSS | Clean, themeable visuals |
| HTML Audio API | Background music loop |
| LocalStorage | Save theme preference |
npm install
npm run dev- Put your file under
src/assets/music.mp3(or any name) - Update import in
src/config.ts:import music from "./assets/your-file.mp3";
- Autoplay policies require a user gesture; the first click starts the music.
- Levels implemented exactly per assignment.