Build a Puzzle Generator
Build a web app that generates and lets users solve sliding tile puzzles with custom images.
Requirements
Generate sliding puzzles from any uploaded image (split into NxN grid)Configurable grid size: 3x3, 4x4, 5x5Click or keyboard to slide tiles into the empty spaceMove counter and timerShuffle algorithm that guarantees solvabilityWin detection with celebration animationHint button that highlights the correct position for a tileTechnical Notes
Use Canvas to slice the image into tiles. Track puzzle state as a 2D array. For solvability, count inversions.
Bonus Points
Auto-solve with A* algorithm (animated)Leaderboard for each grid sizePre-loaded image gallery (landscapes, art, memes)