🎨 Color Sorting Puzzle Game

A fun and interactive color sorting puzzle game built with HTML, CSS, and JavaScript! Test your brain, sharpen your eyes, and pour colors with style using smooth animations. 🌈✨

---

🕹️ Gameplay

Sort all the colored blocks into their respective containers! Each color must be grouped in a single column. Move colors by clicking to select and then clicking another container to pour — just like real-life liquid puzzles.

---

🌐 Live Demo

👉 Play it live here!

---

🔧 Features

• 🎲 Randomized puzzles every time you play
• 🎯 Winning logic to detect your big brain moment
• 🚀 Animated pouring effect for visual feedback
• 🌀 Dynamic level control with just one variable
• 🖱️ Intuitive click-and-pour interaction
• 💡 Built for web — no installations required!

---

🧠 How It Works

• The game generates N boxes (boxAmount), each filled with a mix of colors.
• Your goal: Group identical colors into the same box.
• One box can only hold up to 4 colored blocks.
• You can only pour if:
  • The destination box has space.
  • The color you're pouring matches the top color of the destination.

---

🛠️ Tech Stack

• HTML5 – Semantically structured UI
• CSS3 – Pouring animations & style
• JavaScript – Core logic, DOM manipulation, and interactivity

---

🧪 How to Play Locally

1. Clone this repo:

   git clone https://github.com/your-username/color-sort-puzzle.git
   cd color-sort-puzzle

2. Open index.html in your browser.

---

🙌 Contribute

Pull requests are welcome! Feel free to fork the repo and improve the game or animations. 😄

---

📄 License

This project is open-source and available under the MIT License.

---

Made with ❤️ by Henok