iVishalr / Sorting-Visualizer

Simple React app for visualization of different sorting algorithms.

Sorting Visualizer

This is a react app that visualizes some of the basic sorting algorithms such as bubble sort, inserstion sort, quick sort, selection sort and cocktail sort.

Requirements

1. NodeJs
2. yarn
3. React

Project Build

1. Clone the repository onto your local machine.

   $ git clone https://github.com/iVishalr/Sorting-Visualizer.git
   $ cd Sorting-Visualizer-master

2. Install all dependencies.

   $ yarn install

   If you do not have yarn then type

   $ brew install yarn

   Then rerun

   $ yarn install

How do I run the code?

In your terminal, type

$ yarn start

This will start a development server on your local system.

How do I run the optimized version of the code?

In your terminal, type

$ yarn build
$ yarn global add serve
$ serve -s build

This will start a server on your local system. Go to http://localhost:5000 to use the optimized version of the code.

Website

Head over to https://iVishalr.github.io/Sorting-Visualizer in Chrome browser and have a play around with different sorting algorithms.