The Pathfinding Visualizer is a web application designed to help users understand and visualize how various pathfinding algorithms work. It allows users to create a grid with obstacles, weights (WIP), and different start and end points. The application then animates the pathfinding process, showing how the selected algorithm navigates the grid to find the shortest path.
Please use the minimize/maximize option on your designated browser for the time being.
- Interactive Grid: Users can draw walls and generate mazes on a grid to create custom scenarios.
- Pathfinding Algorithms: Visualize popular pathfinding algorithms like Dijkstra, A*, BFS, DFS, Bidirectional and Greedy Best-First Search.
- Responsive Design (WIP): The grid and other UI elements are responsive, adjusting their sizes based on the screen size.
- Dynamic Controls: Users can drag and drop the start and end points and interact with the grid to place walls.
- Animation Controls: The visualization can be controlled with visualize and clear options.
- React: A JavaScript library for building user interfaces.
- Chakra UI: A simple, modular, and accessible component library for React.
- Framer Motion: An animation library for React to animate components and transitions.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Clone the Repository
git clone https://github.com/your-username/pathfinding-visualizer.git cd pathfinding-visualizer - Install Dependencies
npm install
- Start the Development Server
npm start