Boris Skok

Sorting visualizer

Project Overview

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.


Gained experience

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.

Tools Used

React hooks
State management
Sorting algorithms