Water Sort Solver

Water Sort Solver is a web-based puzzle-solving application that allows users to set up and solve the "Water Sort Puzzle" game. The app provides an interactive interface to create custom puzzles, load presets, and visualize the solution step-by-step.

Live Demo

Features

• Custom Puzzle Setup: Add tubes, fill them with colors, and create your own puzzle.
• Preset Puzzles: Load predefined puzzles of varying difficulty levels (Easy, Medium, Hard).
• Automatic Solver: Solve puzzles using an A* algorithm with heuristic optimization.
• Step-by-Step Visualization: Watch the solution unfold step-by-step or control the playback manually.
• Interactive UI: Add, remove, or clear tubes and colors with ease.
• Adjustable Speed: Control the speed of the solution playback.

Technologies Used

• React: For building the interactive user interface.
• Tailwind CSS: For styling the application.
• A Algorithm*: For solving the puzzle efficiently.

Getting Started

Prerequisites

To run this project, you need:

• A modern web browser
• An internet connection (to load external libraries)

Installation

1. Clone this repository to your local machine.
2. Ensure the following files are in the project directory:
   • index.html
   • app.js
   • game-screenshot.jpg (optional, for the README preview)

Running the Application

1. Open the index.html file in your browser.
2. The application will load, and you can start creating or solving puzzles.

Alternatively, you can use the hosted version: Water Sort Solver

How to Use

1. Create a Puzzle:

   • Add tubes using the "+ Add Tube" button.
   • Select a color and click on a tube to fill it.
   • Remove or clear tubes as needed.

2. Load a Preset:

   • Use the dropdown menu to select a preset puzzle.

3. Solve the Puzzle:

   • Click the "Solve Puzzle 🧠" button to start the solver.
   • Watch the solution step-by-step or use the playback controls.

4. Reset:

   • Use the "Reset All" button to clear the puzzle and start over.

Project Structure

water-sort-solver/ ├── index.html # Main HTML file ├── app.js # React application logic ├── game-screenshot.jpg

External Libraries

The project uses the following external libraries:

• React
• ReactDOM
• Babel
• Tailwind CSS

These libraries are loaded via CDN links in the index.html file.

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Enjoy solving puzzles with the Water Sort Solver! 🎉