Skip to content

PPilot2/pathfindingvisualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

Pathfinding Visualizer

A web-based pathfinding visualizer built with Next.js, React, and Tailwind CSS.
Visualize popular pathfinding algorithms such as Dijkstra, A*, BFS, and DFS with interactive controls and animations.


Features

  • Interactive Grid
    • Click and drag to create walls.
    • Move start and target nodes.
  • Algorithms
    • Dijkstra
    • A*
    • Breadth-First Search (BFS)
    • Depth-First Search (DFS)
  • Visualization Controls
    • Adjustable animation speed.
    • Clear paths or reset the grid.
    • Random maze generation.
    • Stop current algorithm and start a new one immediately.
  • Performance Tracking
    • Displays time taken for the algorithm to reach the target.
  • Responsive UI
    • Tailwind CSS styling with active button highlighting.
    • Footer with links and information.

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/pathfinding-visualizer.git
cd pathfinding-visualizer
npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser.

Releases

No releases published

Packages

No packages published