Skip to content

saksham2694/Sorting-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sorting Algorithm Visualizer Link

Screen.Recording.2023-05-15.at.9.19.48.PM.mov

This React application visualizes different sorting algorithms. It allows the user to choose between four different algorithms: Merge Sort, Quick Sort, Insertion Sort, and Selection Sort. The user can also adjust the speed of the sorting and the number of elements in the array. The bars representing the elements of the array will be animated to show how the selected algorithm sorts the array.

How to Run the App

  1. Clone this repository to your local machine.
  2. In the project directory, run npm install to install the required dependencies.
  3. Run npm start to start the app in the development mode.
  4. Open http://localhost:3000 to view it in the browser.

How to Use the App

  1. Choose the sorting algorithm you want to visualize from the top bar.
  2. Use the sliders to adjust the number of elements in the array and the sorting speed. The maximum number of elements is 400 and the minimum is 20.
  3. Click on the "Generate New Array" button to generate a new array with random values.

Technologies Used

This project was built with:

  • React.js
  • JavaScript
  • HTML
  • CSS

Author

This project was created by Saksham Sharma.

About

React app that visualizes 4 different sorting algorithms

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published