Algorithm Visualizer


  • Web Development

  • Data Structures


Mentors :

  • Shashank Singh

Mentees :

  • 2


This project is for the people interested in exploring front-end web development and learning Data Structures and Algorithms.

Pre-requisites: Object oriented programming, Enthusiasm

Description: This project is for the people interested in exploring front-end web development and learning Data Structures and Algorithms.

The final goal of this project is to build a webpage for visualizing different pathfinding(e.g. A*, Dijkstra, BFS and DFS) and sorting algorithms. This would be done using HTML, CSS and JS. The source of this idea is the given project https://github.com/clementmihailescu/Pathfinding-Visualizer.

The first 3-4 weeks of the project phase would be a learning phase, wherein the students would learn the basic data structures and algorithms and learn how to create dynamic webpages is built using HTML, CSS and JS. During this learning phase, the students have to complete certain regular checkpoints.

The last 1-2 weeks would focus solely on the the ideation and implementation of the webpage.

Students applying of this project should know the basics of programming especially object-oriented programming and of course enthu!

Tentative Timeline :

Week Number Tasks to be Completed
Week 1 DSA: Sorting algorithms, ADTs and linked lists WD: Building static pages using HTML alone.
Week 2 DSA: Stacks, queues and Trees WD: Building static pages using HTML and CSS
Week 3 DSA: Graphs and Its implementation WD: Building basic dynamic pages using JS
Week 4 DSA: Path finding algorithms WD: Extending more building dynamic pages using JS
Week 5 Ideation and implementation of the webpage