sorting-visualizer

The project created using Holy Trinity (HTML5, CSS3 and Vanilla JavaScript) to visualize some of the most known sorting algorithms.

Algoritms:

• bubble sort
• selection sort
• merge sort
• quick sort
• radix sort

Perfect Score Lighthouse audit

Preview

Mobile view

Tablet view with dark mode

Desktop view

Merge sort example

Technologies and tools

• HTML5
• CSS3
• JavaScript (ES6+)
• npm
• webpack
• babel
• Figma

How to run this project

1. Download the project files
2. cd in your terminal to the directory where you put the files
3. Run command npm install to install all dependencies
4. Install live-server by typing command npm i -g live-server (opening index.html will not work because the project uses modules and you need http server)
5. Run command live-server

Live: https://vanillajs-sorting-visualizer.netlify.app