Skip to content

DhirajSah736/Sorting-Visualizer

Repository files navigation

⚙️ Sorting Visualizer

An elegant, high-performance Sorting Visualizer Web Application built with React + Vite, designed to help users understand how various sorting algorithms work through interactive animations and comparisons — all wrapped in a modern black and golden-yellow UI theme.

Preview


🚀 Features

  • 🎯 Multiple Algorithms Supported:

    • Bubble Sort
    • Selection Sort
    • Insertion Sort
    • Merge Sort
    • Quick Sort
    • Heap Sort
  • 🔧 User Controls:

    • Choose sorting algorithm
    • Adjust array size
    • Change animation speed
    • Generate new array
    • Pause, Resume, and Reset
  • 📊 Performance Comparison Table:

    • Time complexity (Best, Average, Worst)
    • Space complexity
    • Stability and use cases
  • 🎨 Modern UI:

    • Clean black and golden-yellow theme
    • Smooth animations
    • Responsive and mobile-friendly layout

📸 Screenshots

Desktop View Mobile View
Desktop Mobile

🛠️ Built With

  • ⚛️ React
  • ⚡ Vite
  • 🎨 Tailwind CSS
  • 💡 Framer Motion
  • 📚 react-syntax-highlighter

🚀 Live Demo

Check out the live app 👉 Sorting Visualizer App


🧑‍💻 Author

Designed and developed with ❤️ by Dhiraj Sah

🧪 Getting Started

🔧 Installation

git clone https://github.com/DhirajSah736/Sorting-Visualizer.git
cd sorting-visualizer
npm install
npm run dev

Releases

No releases published

Packages

 
 
 

Contributors