🚦 Sortstudio

---

A beautiful, interactive visualizer for classic sorting algorithms.

Learn, experiment, and see how sorting works under the hood — in real time!

---

✨ Features

• 📱 Responsive Design — Works seamlessly on desktop & mobile
• 🎨 Modern UI — Clean, dark theme with smooth animations
• 🔢 Multiple Algorithms — Visualize Selection, Insertion, Bubble, and Quick Sort
• ⚡ Customizable — Adjust speed, array size, and display mode (bars/numbers)
• 🕹️ Interactive Controls — Play, reset, and tweak settings live
• 🧠 Educational — See time complexities and step-by-step sorting

---

🚀 Live Demo

👉 Try it live!

---

🛠️ Tech Stack

• Vite — Lightning-fast build tool
• React — UI library
• TypeScript — Type safety
• Zustand — State management
• Framer Motion — Animations
• Tailwind CSS — Utility-first styling

---

⚙️ Getting Started

1. Clone the repo:

   git clone https://github.com/botprogrammer/sortstudio.git
   cd sortstudio

2. Install dependencies:

   pnpm install
   # or
   yarn
   # or
   npm install

3. Start the dev server:

   pnpm dev
   # or
   yarn dev
   # or
   npm run dev

4. Open in browser: http://localhost:5173/

---

🧩 Usage

• Choose an algorithm from the sidebar
• Adjust speed, size, and mode with the controls
• Click Play to watch the algorithm in action
• Reset to try again with a new array

---

📝 Roadmap

• Onboarding for new users
• More sorting algorithms (Heap, Radix, etc.)
• Export/share visualizations
• Accessibility improvements

---

🤝 Contributing

Pull requests, issues, and suggestions are welcome! Please open an issue or PR if you have ideas or find bugs.

---

Made with ❤️ by Pranav Goswami