Sliding Puzzle

Transform any image into a fun, shareable sliding puzzle

Comment

Inspiration

I love playing sliding puzzle. So, I make this fun shareable sliding puzzle game.

What it does

You can upload any image to turn it into a fun sliding puzzle.
The web app generates a unique link that lets you play the puzzle online or share it with your friends to challenge them.

How we built it

The 3×3 Sliding Puzzle is a fun and interactive game I developed to let users play a digital version of the classic puzzle. To make it shareable with friends online, I added a database and built two APIs.

  • First API: Uploads the 8 puzzle tile images (converted to Base64 strings) into a database table with columns like (id, image1, image2, ..., image8).
  • Second API: Retrieves the stored tile images using the unique id.

Here’s how it works:

  1. When a user uploads an image, it’s split into 8 tiles.
  2. Each tile is converted into a Base64 string and uploaded to the database using the first API.
  3. The system generates a shareable link containing the puzzle’s unique id.
  4. When someone opens that link, the web app fetches the tile data using the second API—
    and the fun, shareable puzzle game begins!

Challenges we ran into

The logic building for the puzzle was difficult and with help of bolt, I finally did it.

Accomplishments that we're proud of

I am proud that I able to make this fun sliding puzzle game that we can play with friends.

Share this project:

Updates