vicheanath / visualizer-pathfinding

This is a simple pathfinding algorithm visualizer made with React and TypeScript

Home Page:https://vicheanath.github.io/visualizer-pathfinding/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pathfinding Algorithm Visualizer

This is a simple pathfinding algorithm visualizer made with React and TypeScript. It currently supports :

  • Dijkstra's Algorithm
  • A* Algorithm
  • Greedy Best-First Search
  • Breadth-First Search
  • Depth-First Search
  • Random Maze Generation
  • Recursive Division Maze Generation
  • Recursive Backtracking Maze Generation
  • Random Weighted Maze Generation
  • Recursive Division Weighted Maze Generation
  • Recursive Backtracking Weighted Maze Generation

this project inspired by a tutorial from Clement Mihailescu on youtube. You can find the tutorial here. it been since 4 years ago, and I just want to make it again with my own style and add some features. also change from vanilla javascript to typescript and from react class to react hooks.

I have learned a lot from this project, and I hope you can learn something from this project too.

How to use

  1. Clone this repository
  2. Install all the dependencies using npm install
  3. Run the project using npm start
  4. Open http://localhost:3000 to view it in the browser.
  5. Enjoy!
  6. If you want to build the project, you can use npm run build

Contact

If you have any question or want to contact me, you can reach me at Email or Linkedin.

License

This project is licensed under the MIT License - see the LICENSE file for details

About

This is a simple pathfinding algorithm visualizer made with React and TypeScript

https://vicheanath.github.io/visualizer-pathfinding/


Languages

Language:TypeScript 72.0%Language:SCSS 20.3%Language:HTML 7.2%Language:JavaScript 0.4%