A React Web Application for visuzalizing some algorithms. For some programmers, the biggest problem in learning general algorithms is that they are unable to visualize how these algorithms work under the hood.
This web application lets you visualize 5 different kind of algorithms. You can customize and set your own parameters, and the annimations will adapt according to those parameters.
For now, the various algorithms available are :
- Binary Search
- Linear Search
- Breadth First Search
- Depth First Search
- Conway's Game of Life
More algorithms may be added to the webapp depending upon the response and feedback
For the live demo, visit: href="https://drawmycode.vercel.app/
You will need to setup the following enviroment if you want to run this project in your machine:
- Node.js
- React Js
- A browser: preferably Google Chrome
- Clone the repo on your local machine
- Open up the terminal in the project dir and run the
npm install
npm startUse sudo as prefix if you are on linux
Copy paste the address displayed in the terminal to your browser and there you have it.
It is highly recommended that you read through the instructions on landing page to get an idea on how to customize the parameters for your algorithm
Contributions can be in form of:
- Updating Documentation / Fix typos
- Fix bugs / warnings
- Improving UI/UX
- Adding New algorithms and annimations/Improving existing ones. (Make sure the new algorithms match the website theme)
Credits: Even though I tried my best to implement the Conway's game of life myself, I could not quite get it right.
Which is where I came across Ben Awad's Implementation of Conways Game of Life using React.
My implementation of CGOL is partially based on his approach.