This is a pathfinding visualizer project built with React to practice the A* algorithm. It allows you to see how the A* algorithm finds the shortest path between two points on a grid.
Sem.Titulo.mp4
- Visualize the A* algorithm in action
- Choose the start and end points on the grid
- Add obstacles to the grid
- Choose between different heuristics for the A* algorithm
- Responsive design
- React
- HTML
- CSS
To get started with this project, you can clone the repository and install the dependencies:
git clone https://github.com/EnzoVieira/pathfinding-visualizer.git
cd pathfinding-visualizer
npm install
You can then start the development server:
npm run start
- Add obstacles to the grid by clicking on a square to make it a wall
- Click the "Visualize" button to see the A* algorithm in action
- Watch as the algorithm finds the shortest path between the start and end points.
- The squares in orange is the places that the algorithm already visited, the blue ones are to be visit, and the purple ones are the path that were found.