A web-based Pathfinding Visualizer built with React, Tailwind CSS, and popular pathfinding algorithms like Dijkstra's, BFS, and DFS. This interactive tool lets you create walls, move the start/end nodes, and see real-time pathfinding animations.
- π§ Supports Dijkstra's, BFS, and DFS
- β¨ Real-time visual animations
- π§± Drag to create walls
- π’ Drag start and end nodes
- π‘ Responsive and clean UI with TailwindCSS
- π Reset board and clear walls
- βΉ Stop visualization mid-way (in progress or implemented)
- React
- Tailwind CSS
- JavaScript
Make sure you have node and npm installed.
git clone https://github.com/your-username/path-visualizer.git
cd path-visualizer
npm install
npm run dev##π Folder Structure (Optional)
src/
βββ components/
β βββ Node.jsx
β βββ ...
βββ Algorithm/
β βββ dijkstra.js
β βββ BFS.js
β βββ DFS.js
βββ App.jsx
##π Acknowledgements
Inspired by Clement Mihailescu's visualizer
Thanks to open-source contributors in pathfinding and animation
If you have any feedback, please reach out to me at nitin141020@gmail.com