Developed a web app using React and Bootstrap to visualize the search patterns of various pathfinding algorithms, including BFS, DFS, Best First, Dijkstra, and A*. The app allows users to customize mazes and adjust the visualization speed, and it supports two types of heuristics. Notable features include an intuitive control panel and a sleek design.

Stack

React, Bootstrap, JavaScript, HTML, CSS

Link

https://chrisliang12.github.io/pathfinding-visualizer-react/

Highlights

  • Developed a pathfinding visualization app with React and Bootstrap.
  • Implemented visualization for several algorithms, including BFS, DFS, Best First, Dijkstra, and A* with multiple heuristics options.
  • Added maze customization features to let users create and solve their own mazes.
  • Included easy-to-use control panel with speed and maze size control options.

Demo

pathfinding app demo

© 2023 Yong Liang | Powered by