Sorting visualizer is a web app that allows you to visualize how
each sorting algorithm works. It's built with React and uses
React hooks. It's also fully responsive and works on mobile
devices. You can choose between 5 different sorting algorithms -
Bubble sort, Insertion sort, Heap sort, Quick sort and Selection
sort. You can also choose the speed of the sorting algorithm and
the size of the input array.
See the example down below.
While working on this project I gained experience with sorting algorithms and grasped more knowledge of React hooks. I also learned how to use React hooks to manage state in a React app in a better way using reducer and more complex states as well as using memoization to improve performance of the application.