Sorting Visualizer

Sorting Visualizer is a web application built with React and Material-UI that helps users visually understand various sorting algorithms. This interactive tool allows you to see how algorithms like Merge Sort, Quick Sort, Bubble Sort, Insertion Sort, Selection Sort, Heap Sort, Cycle Sort, Counting Sort, Radix Sort, and Bucket Sort operate on an array of numbers.

Table of Contents

• Features
• Installation
• Usage
• Available Sorting Algorithms
• Technologies Used
• Contact

Features

• Multiple Sorting Algorithms: Visualize various sorting algorithms including Merge Sort, Quick Sort, Bubble Sort, Insertion Sort, Selection Sort, Heap Sort, Cycle Sort, Counting Sort, Radix Sort, and Bucket Sort.
• Interactive Controls: Start sorting, reset the array, and select different algorithms with ease.
• Custom Array Generation: Generate a random array of numbers to visualize sorting on different datasets.

Installation

To run this project locally, follow these steps:

1. Clone the Repository:

   git clone https://github.com/abdul-nishar/Sorting-Visualizer.git

2. Navigate to the Project Directory:

   cd Sorting-Visualizer

3. Install Dependencies:

   npm install

4. Start the Application:

   npm start

The application will run locally at http://localhost:3000.

Usage

Once the application is running, you can use the navigation bar to select different sorting algorithms. The visualizer will display the sorting process in real-time.

• Reset Button: Resets the array to a new random set of numbers.
• Merge Sort: Visualize the Merge Sort algorithm.
• Quick Sort: Visualize the Quick Sort algorithm.
• Insertion Sort: Visualize the Insertion Sort algorithm.
• Bubble Sort: Visualize the Bubble Sort algorithm.
• Selection Sort: Visualize the Selection Sort algorithm.
• Heap Sort: Visualize the Heap Sort algorithm.
• Cycle Sort: Visualize the Cycle Sort algorithm.
• Counting Sort: Visualize the Counting Sort algorithm.
• Radix Sort: Visualize the Radix Sort algorithm.
• Bucket Sort: Visualize the Bucket Sort algorithm.

Available Sorting Algorithms

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

Technologies Used

• React: A JavaScript library for building user interfaces.
• Material-UI: A popular React UI framework.
• JavaScript: The programming language used for logic and algorithm implementation.
• CSS: Styling the application.

Contact

• Name: Sheikh Abdul Nishar
• GitHub: abdul-nishar
• Email: sheikhabdul285@gmail.com