Arrange the 9 Squares Puzzle

This project is an interactive puzzle game inspired by MacMahon Squares, where users arrange 9 uniquely designed squares into a 3x3 grid. The puzzle includes features like drag-and-drop, piece rotation, undo/redo functionality, and an auto-solver using a backtracking algorithm.

Features

• Drag-and-Drop Interface: Users can drag and drop pieces into the grid.
• Piece Rotation: Double-click (or double-tap on mobile) to rotate pieces.
• Undo Functionality: Revert the last move with the "Undo" button.
• Reset Puzzle: Restart the puzzle with the "Reset" button.
• Timer: Tracks the time taken to solve the puzzle.
• Auto-Solver: Uses a backtracking algorithm to solve the puzzle automatically.
• Sound Effects: Plays a sound when the puzzle is solved.
• Responsive Design: Optimized for desktop, tablet, and mobile devices.

Demo

The project is deployed on Vercel. You can try it out here:
Live Demo

Screenshots

Desktop View of the Puzzle

Mobile View of the Puzzle

Technologies Used

• HTML5: Structure of the puzzle.
• CSS3: Styling and responsiveness.
• JavaScript: Logic for drag-and-drop, rotation, undo, reset, timer, and auto-solver.
• Vercel: Deployment platform.

How to Run Locally

1. Clone the Repository:

   git clone https://github.com/Piyush-t24/Puzzle-Design.git
   cd Puzzle-Design