alerner1/slidey-pix-client

15 puzzle game using images divided into a grid (customizable, with some provided). Written in collaboration with @rachaelghorbani in vanilla JS. Backend is Ruby on Rails (alerner1/slidey-pix-backend).

Slidey Pix

Overview

Slidey Pix allows you to create and solve the classic 15 puzzle to reveal a customizable image. The back end is Ruby on Rails and the front end is vanilla JavaScript. This repo contains the front end code; the back end is here.

Front End

The front end for Slidey Pix is written mainly in JavaScript, using HTML Canvas for image manipulation. Styling is heavily customized Bootstrap.

Demo

A demo for this app can be found here.

Try It Live

Try out the app for yourself to test your puzzle-solving skills.

Credit

This app was written in collaboration with Rachael Ghorbani.