Sorting_Visualizer ⚡️

A clean, beautiful, responsive showcase of a sorting Visualiser! A web application showcasing the inner workings of sorting algorithms.

"Eating website for fun... nyom nyom nyom"

⭐ Star me on GitHub — it helps!

Demo

> https://chakitg.github.io/sorting_visualiser/
A web application showcasing the inner workings of sorting algorithms.

Features 📋

⚡️ Fully Responsive
⚡️ Valid HTML5, CSS3 & Javascript
⚡️ Multiple Alogrithms
⚡️ Easy to modify
⚡️ Colored representation of step being executed:
>>>> Blue:default
>>>> Yellow: Being compared
>>>> Red: Identified as in incorrect position and to be moved
>>>> Green: Incorrect position
⚡ Controls for visualizations
>>>> Speed of visualization (5 speed levels)
>>>> Variable Data size
>>>> Generation of new data (Randomly generate new data).
⚡️ Time and Space complexity of algorithm being visualized.\

Algorithms Covered

1. Bubble sort
2. Selection sort
3. Insertion sort
4. Merge sort
5. Quick sort
6. Heap sort

Installation & Deployment 📦

Installation of this sorting algorithms visualiser is very simple.

  git clone https://github.com/chakitg/sorting_visualiser.git

This will clone the repository in your local device.

Then we need to change the directory.

  cd sorting_visualiser

Then type "code ." to open it in VS Code (or any other IDE).

  code .

Then Go live with your IDE.

BOOM!! There you have it.

To view a live example, click here

Tools Used 🛠️

• GitHub Pages - To host my static website (HTML, CSS, JS).
• Bootstrap - A CSS framework to get Material Design components.
• JQuery - JavaScript Library

Some Cool Stuff

(Just a thought), You could advance this by adding some animations to the selector borders etc.

🚀 About Me

Im a Fullstack Developer, part-time teacher and a forever student. I learn new things in tech everyday along with other subjects like mathematics, competitive programming etc.

Contributing 💡

Contributions are highly welcome. Feel free to fork, clone, make pull requests, report issues etc.

Step 1

• Option 1

  • 🍴 Fork this repo!

• Option 2

  • 👯 Clone this repo to your local machine.

Step 2

• Build your code 🔨🔨🔨

Step 3

• 🔃 Create a new pull request.

That being said

To the Front... to the Back... End to End... cut no slack. Making ends meet. lol