AlgoPulse is an interactive web-based visualization tool built to help users see and understand how algorithms work. From sorting arrays to finding the shortest path through a maze, AlgoPulse brings the logic to life with real-time animations, controls, and an intuitive interface.
Whether you're a beginner learning algorithms or a developer brushing up on concepts — AlgoPulse offers a hands-on way to explore, experiment, and learn.
- Bubble Sort
- Insertion Sort
- Selection Sort
- Merge Sort
- Quick Sort
- Heap Sort
🔍 Visualization Highlights
- Animated bars that grow/shrink based on value
- Color-coded swaps, comparisons, and sorted sections
- Adjustable speed and array size
- Dijkstra's Algorithm
- A* Search
- Breadth-First Search (BFS)
- Depth-First Search (DFS)
🌐 Grid System
- Interactive grid creation (draw walls, set start/end)
- Real-time exploration visualization
- Displays shortest path clearly
| Technology | Purpose |
|---|---|
| React.js | Component-based UI |
| Tailwind CSS | Styling and responsiveness |
| JavaScript | Core algorithm logic |
| Framer Motion / GSAP | Smooth animations |
| Canvas / HTML Grid | Rendering visuals |
- 📈 Algorithm performance comparison charts
- 📱 Mobile responsiveness
- 🧩 Custom input support for arrays and grids
- 🎮 Puzzle mode: Solve pathfinding mazes as a game
- 🧠 Real-time complexity indicators
- Node.js (v14+)
- npm or yarn
git clone https://github.com/your-username/algopulse.git
cd algopulse
npm install
npm startThe app will run locally at http://localhost:3000.
- Visualize and understand algorithm logic
- Learn how different algorithms compare
- Experience the real-world application of data structures like stacks, queues, heaps, and graphs
Pull requests are welcome. For major changes, open an issue first to discuss your proposed changes.
Licensed under the MIT License.
Made with ❤️ by Deepak Shukla