GitHunt
CY

cyrilf/puzzled

15 puzzle challenge with React

Code challenge for Puzzle 15

puzzle-15

You can find a live version of this project at: https://cyrilf.github.io/puzzled


A puzzle 15 is a sliding puzzle where the goal is to order all the pieces in an ascending order.


Setup

git clone https://cyrilf.github.io/puzzled && cd puzzled

npm i && npm run start

Build

In order to build and deploy a new version you can simply run:

npm run deploy


Improvements

  • Add tests
  • Use SASS (or styled components)
  • Allow the user to choose the size of the grid
  • Fix the hard-coded 33.333% in the css to define a Cell size
  • Add a timer
  • Add a check to avoid generating an unsolvable puzzle

Languages

JavaScript70.5%CSS17.9%HTML11.6%

Contributors

Created May 22, 2019
Updated December 3, 2025