The goal of the project is to graphically visualize sorting algorithms. The application sorts a randomly generated array in the ascending order, where each sorting step is visualized.
Available settings for the user:
- Size of the array
- Time of one animation step (speed)
- Type of sorting algorithm
In this project, we do not directly modify DOM elements. Before starting the animation, a collection of steps is generated containing every array state. Updating the changes to be made is left to React.
- Bubble sort
- Insertion sort
- Merge sort
- Quick sort
- ReactJS
This project was bootstrapped with Create React App.
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/khonczyk/sorting-algorithms-visualizer
# Go into the repository
$ cd sorting-algorithms-visualizer
# Install dependencies
$ npm install
# Run the app
$ npm start