Algorithm-Visualizer

Live demo: https://algovisualizer-2pbh.onrender.com/

A lightweight web app that visualizes common pathfinding and searching algorithms. Useful for learning, teaching, and quick experimentation.

Features

• Interactive grid-based visualizationsbased visualizations
• Step-by-step and animated runsnimated runs
• Place start, target, walls, and weighted nodesrget, walls, and weighted nodes
• Speed control and reset- Speed control and reset
• Clean UI with play/pause controls

Algorithms Implementedmplemented

Pathfinding

• Breadth‑First Search (BFS)ch (BFS)

Inspired by algorithm-visualization projects and educational resources.## AcknowledgementsSpecify your license here (e.g., MIT). Add a LICENSE file if needed.## License- Run the app locally and ensure visuals work before submitting.- Keep changes focused and include brief PR descriptions.- Fork the repo, create a feature branch, and open a pull request.## Contributing- package.json — scripts and dependencies- README.md — This file- public/ — Static assets and index.html- src/ — React app source## Project Structure (high level)Open http://localhost:3000 in your browser after running the dev server.yarn build# ornpm run buildbashBuild for productionyarn startyarn# ornpm startnpm install# from project rootbashInstall and run- npm or yarn- Node.js (v16+ recommended)Prerequisites## Quick Start (macOS)- Exponential Search- Binary Search- Jump Search- Linear SearchSearching- A* (A-star) Algorithm- Dijkstra's Algorithm- Best‑First Search- Depth‑First Search (DFS)- Depth‑First Search (DFS)

• Best‑First Search
• Dijkstra's Algorithm
• A* (A-star) Algorithm

Searching

• Linear Search
• Jump Search
• Binary Search
• Exponential Search

Quick Start (macOS)

Prerequisites

• Node.js (v16+ recommended)
• npm or yarn

Install and run

# from project root
npm install
npm start
# or
yarn
yarn start

Build for production

npm run build
# or
yarn build

Open http://localhost:3000 in your browser after running the dev server.

Project Structure (high level)

• src/ — React app source
• public/ — Static assets and index.html
• README.md — This file
• package.json — scripts and dependencies

Contributing

• Fork the repo, create a feature branch, and open a pull request.
• Keep changes focused and include brief PR descriptions.
• Run the app locally and ensure visuals work before submitting.

License

Specify your license here (e.g., MIT). Add a LICENSE file if needed.

Acknowledgements

Inspired by algorithm-visualization projects and educational resources.