sliding-tiles

A responsive Shifting Stones-inspired browser game for solo practice and puzzle-style play.

Status: archived  |  Type: game  |  Visibility: public

Tech: Next.js  ·  JavaScript  ·  Tailwind CSS  ·  PWA  ·  SVG

GitHub →

Why I built this: Built to create a lightweight browser-based solo practice version of a Shifting Stones-style puzzle game with responsive play and polished interaction.

Overview

Sliding Tiles is a responsive browser game inspired by the Shifting Stones board game, built as a solo practice and puzzle-style experience. The project focused on recreating the feel of tile-based manipulation in the browser while keeping the interaction lightweight and accessible across devices.

The implementation leaned heavily on front-end layout and interaction details, combining CSS-driven presentation with SVG-based graphics and PWA delivery. The result is a compact browser game designed for quick play, practice, and mobile-friendly usability.

Features

• Shifting Stones-inspired solo gameplay
• Responsive interface for desktop and mobile play
• CSS-heavy interaction and layout work
• SVG-based game rendering
• Lightweight browser-based puzzle experience
• PWA delivery for app-like use

Installation

# clone the repository
git clone https://github.com/yourusername/sliding-tiles.git

# enter the project directory
cd sliding-tiles

# install dependencies
npm install

# start the development server
npm run dev