Seasons Of Code

Algorithm Visualizer    • Shashank Singh   

WnCC - Seasons of Code

Seasons of Code is a programme launched by WnCC along the lines of the Google Summer of Code. It provides one with an opprtunity to learn and participate in a variety of interesting projects under the mentorship of the very best in our institute.


List of Running Projects

Algorithm Visualizer

Algorithm Visualizer


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

No. of mentees: 2

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 projecthttps://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 Project 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