https://github.com/tariqs26/algorithm-visualizer
Visualize pathfinding, maze generation and sorting algorithms
https://github.com/tariqs26/algorithm-visualizer
Last synced: about 1 month ago
JSON representation
Visualize pathfinding, maze generation and sorting algorithms
- Host: GitHub
- URL: https://github.com/tariqs26/algorithm-visualizer
- Owner: tariqs26
- Created: 2024-09-15T21:05:57.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-03-26T06:02:04.000Z (2 months ago)
- Last Synced: 2025-03-26T07:21:46.258Z (2 months ago)
- Language: TypeScript
- Homepage: https://algorithm-visualizer-dev.vercel.app/
- Size: 432 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Algorithm Visualizer
A web application for visualizing popular pathfinding and sorting algorithms built with [Next.js](https://nextjs.org/), [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/), and [Tailwind CSS](https://tailwindcss.com/).
## Features
### General
- Light/dark mode
- Adjustable visualization speed
### Pathfinding
- **Visualize:** Dijkstra's, A\* Search, Greedy Best-First Search, Depth-First Search (DFS) and Breadth-First Search (BFS)
- Interactive and resizable grid for drawing walls and dragging start/end nodes
- Generate and visualize mazes using **pseudo-random**, **binary tree**, or **recursive backtracking** algorithms
### Sorting
- **Visualize:** Bubble Sort, Selection Sort, Insertion Sort, Merge Sort and Quick Sort
- Randomize the array
- Customize array size
## Getting Started
To set up the project locally, follow these steps:
1. **Clone repo and navigate to the project directory:**
```bash
git clone https://github.com/tariqs26/algorithm-visualizer.git
cd algorithm-visualizer
```
2. **Install dependencies:**
```bash
npm install
```
3. **Start the development server:**
```bash
npm run dev
```
The app will run on http://localhost:3000.
## Available Scripts
Inside the project directory, you can run the following scripts:
| Command | Description |
| ---------------- | ------------------------------- |
| `npm run dev` | Starts the development server |
| `npm run build` | Builds the app for production |
| `npm run start` | Runs the production server |
| `npm run lint` | Lints the code using ESLint |
| `npm run format` | Formats the code using Prettier |