It's a little tile-sliding puzzle I made using p5.js library and TailwindCSS.

A new image is picked from [https://picsum.photos/] and used as a puzzle board.

The puzzle is initially a 4 x 4 grid and 400px x 400px. For mobile screens, the puzzle is 250px x 250px.

npm init
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

If you're using Visual Studio Code, start your server using the Live Server extension.

Also you need to generate /dist/output.css to get compiled tailwind styles.