Skip to content

sourabhb77/AlgoComp-React-WebApp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AlgoComp


AlgoComp is React web application to visualize and compare search algorithms 🕵️



About

Learning or understanding the pathfinding or search algorithms and comparing them both theoretically and practically just by observing the examples or practicing its code becomes a complex task. It not only becomes confusing but also difficult to understand and as a result boring. Instead, visualizing it in real-time or with the help of animations we can make this complex process not only easy but also a comparatively simpler and a better approach for understanding. This is the inspiration behind the development of this app.

Screenshots

Live at

https://jainam321.github.io/Visualization/

Features of this Project!

  • Graph of obstacles with option to select any node as Start and Finish node.
  • Different path finding algorithms like Dijkshtra, BFS, DFS, A*.
  • Different Maze algorithms to generate ready grid like Recursive Division, Horizontal & Vertical Division, etc.
  • Comparison of all algorithms individually in terms of runtime of algorithm, cost of path, no. of nodes visited, visualization time.
  • Comparison of all algorithms simultaneously in terms of final path of algorihtms by different colors.
  • Handling of Edge Cases.

Technology Stack

  • React

To Run the Project

$ git clone https://github.com/sourabhb77/AlgoComp-React-WebApp.git
$ cd AlgoComp-React-WebApp
$ npm start
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Show some ❤️ and star the repo to support the project

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 91.2%
  • CSS 6.0%
  • HTML 2.8%