Sorting Algorithm Visualizer

Check it out here!

About

This project is a Sorting Algorithm Visualizer built to demonstrate how different sorting algorithms work. It's designed to visually represent the process of sorting an array of numbers using various algorithms, providing an educational tool for understanding these algorithms in action.

Features

• Visualizes common sorting algorithms like Bubble Sort, Insertion Sort, Quick Sort, Merge Sort, and more.
• Interactive controls to start, pause, and reset the sorting process.
• Adjustable array size to change the number of elements being sorted.
• Sound effects to enhance the visualization experience.
• Mute audio option for a quieter experience.
• Responsive design for a seamless experience on different devices.
• Unique thumbnails for each sort generated by DALL-E

Technologies Used

• JavaScript
• React.js
• HTML
• Vite
• Tailwind CSS

Sorting Algorithms

The project includes visualizations for the following sorting algorithms:

• Selection Sort
• Insertion Sort
• Bubble Sort
• Quick Sort
• Merge Sort
• Heap Sort
• Radix Sort
• Bucket Sort
• Shell Sort
• Counting Sort

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• npm

  npm install npm@latest -g
  npm run dev