Wooden 15-Puzzle Game

A beautiful React-based 15-puzzle game with a wooden aesthetic, inspired by classic wooden sliding puzzles.

Features

• Classic 15-puzzle gameplay
• Beautiful wooden design with realistic textures
• Always generates solvable puzzles
• Reset button to shuffle tiles
• Responsive design
• Keyboard navigation support
• Sound effects for tile movement and win
• Responsive design

Prerequisites

• Node.js (version 20 or higher)
• npm or yarn

Installation

1. Install dependencies:

npm install

Running the App

1. Start the development server:

npm run dev

2. Open your browser and navigate to the URL shown in the terminal (typically http://localhost:5173)

Building for Production

npm run build

The built files will be in the dist directory.

How to Play

• Click on any tile adjacent to the empty space to move it
• Use arrow keys and space to move tiles
• Arrange the tiles so that numbers 1-15 are in order from left to right, top to bottom
• The empty space should be in the bottom-right corner when solved
• Click the "Reset" button to shuffle the tiles into a new solvable configuration