danilhendrasr / sorting-visualizer

Why use canvas when you can mutate the DOM

Sorting Visualizer

A simple but overengineered sorting visualizer web app.

About The Project

Upon watching Clément Mihailescu's video, I was inspired and decided to make a sorting algorithms visualizer of my own.

Built using Next.js (kind of overengineered), this sorting visualizer supports visualizing 4 sorting algorithms which are:

Selection Sort	Insertion Sort

Bubble Sort	Merge Sort

(back to top)

Getting Started

Prerequisites

• Node.js;
• Yarn.

Running Locally

1. Clone the repo and cd into the directory;
2. Install the dependencies:

   yarn

3. Run the following command:

   yarn build && yarn start

4. The web app can be accessed at localhost:3000.

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Acknowledgments

Much thanks to these people/organizations/resources that made this project possible to be as it is now!

• React
• Next.js
• Clément Mihailescu
• Geist UI
• Img Shields

(back to top)