A classic Gem Puzzle — also known as 15 Puzzle, Boss Puzzle, or Mystic Square — built using HTML, CSS, and JavaScript.
The game challenges players to arrange shuffled numbered tiles into their correct order by sliding them into the empty space.
This project recreates the timeless sliding tile puzzle where you can:
- Choose board sizes from 3×3 up to 6×6 from the top navigation bar.
- Slide tiles using simple click interactions.
- Challenge yourself to solve the puzzle in the shortest possible time and fewest moves.
✅ Responsive design — works smoothly on desktop and mobile browsers.
✅ Dynamic grid — select your preferred grid size (3x3 to 6x6).
✅ Real-time move counter and timer (optional).
✅ Simple, clean, and visually appealing UI.
✅ Pure HTML, CSS, and Vanilla JavaScript — no external frameworks used.
(Screenshot uploaded for better acknowledgment of the final output.)
- HTML5 – Structure of the puzzle and layout.
- CSS3 – Styling and animations.
- JavaScript (ES6) – Game logic, dynamic grid creation, and interactivity.