Skip to content

🧭Interactive Pathfinding Visualizer built with React + Vite to demonstrate BFS, DFS, Dijkstra, and A* algorithms with live grid animations.

Notifications You must be signed in to change notification settings

Raghunandan0/Pathfinding-Visualizer

Repository files navigation

🚀 Pathfinding-Visualizer

GitHub stars GitHub forks GitHub watchers GitHub issues GitHub license

Interactive Pathfinding Visualizer built with React + Vite to demonstrate BFS, DFS, Dijkstra, and A* algorithms with live grid animations. This tool demonstrates how different algorithms explore and find the shortest path step by step with animations.


✨ Features

  • 🎯 Visualizes multiple algorithms (Dijkstra, A*, BFS, DFS).
  • 🖱️ Interactive grid (add/remove walls and weights).
  • 🎥 Step-by-step algorithm animations.
  • 🔄 Reset & Clear options to try again.
  • ⚡ Built with React + Vite for blazing-fast performance.

🛠️ Tech Stack

  • React 18
  • Vite
  • JavaScript (ES6+)
  • CSS / TailwindCSS

🎮 Usage

  • Left-click → Add walls or weights
  • Right-click → Remove walls
  • Select Algorithm → Choose between Dijkstra, A*, BFS, DFS
  • Start Button → Watch the visualization in action
  • Reset Button → Clear the grid and try again

📸 Screenshots

Pathfinding Visualizer Screenshot Pathfinding Visualizer Screenshot 2

📊 Example Algorithms Visualized

  • Dijkstra’s Algorithm – Guarantees shortest path
  • A* Search – Faster with heuristics
  • BFS – Explores layer by layer
  • DFS – Explores depth-first

About

🧭Interactive Pathfinding Visualizer built with React + Vite to demonstrate BFS, DFS, Dijkstra, and A* algorithms with live grid animations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published