Skip to content

nitxoroo/Path-Visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” Pathfinding Visualizer

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.


πŸš€ Features

  • 🧠 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)

πŸ› οΈ Built With


πŸ’» Getting Started

Prerequisites

Make sure you have node and npm installed.

Installation

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

FeedBack

If you have any feedback, please reach out to me at nitin141020@gmail.com

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published