Description
Prior to developing this application, I sought to enhance my proficiency in JavaScript and React, while also gaining insights into algorithms and data structures. During my search, I discovered a video tutorial by Clément Mihailescu that showcased the creation of a sorting algorithm visualizer. This presented an ideal opportunity to embark on a new project, deepen my understanding of JavaScript, React, and various sorting algorithms, and apply my newfound knowledge to enhance the capabilities of the project.
Stack
These were the technologies used to build this application
React
JavaScript
HTML
CSS
Sass
Git
Features
Below are some of the features available within this application
Visualize
Select an algorithm, adjust the speed and quantity of bars, and initiate the visualization. Based on your chosen parameters, the application will craft a distinct visualization to demonstrate the sorting performance of each algorithm.
Algorithms
This application offers a comprehensive visualization of several sorting algorithms, allowing users to observe the performance of each. Included algorithms are Merge Sort, Quick Sort, Bubble Sort, Gnome Sort, Selection Sort, and Insertion Sort.
Adjustment
By offering the flexibility to adjust both the quantity of items being sorted and the playback speed of the visualization, users can delve deeper into each algorithm. This not only enhances their understanding but also creates more captivating visual representations.
Slow Motion
For an even more deliberate visualization, activate the "Ultra Slow" setting. This feature slows down the visualization of each algorithm significantly, creating a captivating effect especially when visualizing a smaller number of items