Algo-Visualizer

An interactive tool to help you visualize search and sorting algorithms through a web application.

Links

You can try out the website application here: https://av-algo-visualizer.netlify.app/

Easter egg

If you notice, the logo of the Algo-Visualizer is also on the website, once you find it, click it and enjoy an alternative experience of the visualizer ;)

Demo

Here is a demo of my project: https://drive.google.com/file/d/1VZsf0m0qAcORmaEbN2AEzLFjfOmdTJDE/view?usp=sharing

Running Algo-Visualizer locally | Installation

Step 1 - Install this repository as zip

Be sure to download this project where there is a minimum of 500 mb available on your respective devices

• Click on the Green  ↓ Code   button in the homepage of the repository, located on the top right.
• Now, using a zip file extractor, extract the zip file to your preferred location.

---

Step 2 - Open the command prompt/terminal

---

Step 3 - Navigate to location of your folder and copy its directory

• Type the 'cd' command to change the default directory to the directory of your unzipped file

cd C:\Users\Your_Account\Directory_where_files_are_installed

---

Step 4 - Now run the following commands in the command prompt/terminal:

npm install

This installs the necessary modules to get the project up and ready!

Kindly allow it some time install all the modules as this projects uses quite a bit of modules.

npm run build

This activates the build (activates the project - Algo-Visualizer)

Lastly run:

npm start build

---

Error handling while local hosting:

In the event that you happen to face something like

chokidar@3: Error: Cannot find module 'chokidar'

Kindly run

npm update

and then run

npm start build

That should fix it

---