pran01 / algovision

Pranav here 👋

Welcome to my github profile. I am from India and love coding and anime.

Languages and Frameworks

Statistics Below 👇

🏆 296 Contributions in year 2023

I'm an early 🐤

🌞 Morning	102 commits		77.86%
🌆 Daytime	14 commits		10.69%
🌃 Evening	13 commits		9.92%
🌙 Night	2 commits		1.53%

My 💖 languages JavaScript

JavaScript	22 repos		35.48%
HTML	11 repos		17.74%
Python	9 repos		14.52%
TypeScript	7 repos		11.29%
CSS	4 repos		6.45%
Jupyter Notebook	2 repos		3.23%
C	2 repos		3.23%
C++	2 repos		3.23%
TeX	1 repos		1.61%
Sass	1 repos		1.61%
Assembly	1 repos		1.61%

algovision's Issues

Create Dockerfile

Making a Dockerfile for this app would make it more portable.

Readme important sections

Important sections to add to the Readme:

• Summary
• Providing the website where project is hosted(heroku)
• Getting Started copy/paste-able code
• Contributing
• demo.gif at top under summary. Remove other images

Pathfinding when no path

When in the path-finding tab, it is possible that no path exists. Some message or effect should be shown when this happens.

Making the site responsive

The title is self-explanatory. I have used simple vanilla Javascript, that's why it's not that easy to make it responsive. Also, in a lot of places I had to use pixel values. So, it will be a pain in the rear making this site responsive, but it sure is a goal....sooner or later.

Search tab Key

• On the searching tab for the purple color marker, instead of saying Upper/lower range for Binary and InterpolationSearch. Instead say Upper/Lower search bound. It's implicit that it's for Binary and Interpolation.

• Make color difference between "Checking" and "Wrong One" more clear. Perhaps make one yellow?

Colors/Colors/Info

For each tab there is a pane on the right that describes the symbols present in the window. Make this panes label consistent across all tabs. Instead of it saying "Colors" for search and sort, while saying "symbols" for pathfinding, have the title be "Key" or "Legend" like it is on academic graphs/tables.

Copy to clipboard

For the info sections about each algorithm: Add a "Copy to clipboard" button.

Convert the pathfinding part from vanilla js to react js

Converting the pathfinding part from vanilla js to react js will make the code easier to edit, specially for others. Also, it will solve a few bugs or help in solving a few bugs regarding the placement of walls as the code will become less complicated.
And, maybe it will help later on in making the site responsive.

Sort button launches simultanious sorts

When on http://0.0.0.0:5000/sorting page, pressing the Sort button more than once kicks off simultaneous searches. It looks really cool, but the searches conflict with each-other and it likely not the desired effect. Should limit to one search at a time. Possibly implement a Start/Stop functionality.

Ideas:

• After pressing Sort, button turns red and text changes to Stop. When pressed a second time algorithm stops.
• Implement Play/Pause/Stop buttons like in a media player.

More info button should open in new tab

Better to open the additional information in a new tab and keep the original open.

Navigation

There should be navigation options available in each tab. So, instead of going back and clicking other categories, one can go directly to other categories

Time Complexity

It would be really cool to be able to see the time complexity of an algorithm. A visual representation of big O notation could take a few forms:

• an actual timer (that speeds up / slows down with the timer slider)
• a nodes-visited counter
• a completion count down of sorts