PathVizPro

Algorithm Visualiser

-> Inspiration We built this project with a vision to bridge the gap between learning and understanding. Education should be accessible, engaging, and effective. Our project is inspired by the belief that visualization is the key to unlocking the mysteries of complex algorithms, making learning not just accessible but also enjoyable. Together, we empower students and learners everywhere to grasp these fundamental concepts and pave their way to a brighter future.

-> What it does

This project, built using React.js and JavaScript, serves as a powerful educational tool for students and enthusiasts learning about pathfinding algorithms like BFS, DFS, A*, and Dijkstra's. Its primary functions include:

Algorithm Visualization: It provides real-time, interactive visualizations of various pathfinding algorithms, allowing users to see how these algorithms work in action.

User-Friendly Interface: The tool offers an intuitive and easy-to-use interface for selecting algorithms and customizing parameters, ensuring a smooth learning experience.

Educational Resources: It accompanies the visualizations with clear explanations, tutorials, and tips, helping users understand the underlying principles of each algorithm.

How we built it

We built it using React.js and Javascript.

Challenges we ran into

Manipulating the DOM, adjusting the speed of colouring the cells and state management using react was pretty difficult to implement.

Accomplishments that we're proud of

We're able to accomplish what we wanted to do on the first day of hackathon. We think the project will be very useful people who're new to algorithms.

-> What we learned

We're pretty new to React and frontend development. We were able to understanding various front end concepts that involved heavy DOM manipulation.

-> What's next for PathVizPro

The idea going forward is to add various other algorithms. Instead of path finding, we would also like to add sorting , searching algorithms.