Project Overview
Built a web app with Next.js, TypeScript, and Tailwind CSS to visualize sorting (Bubble, Merge, Quick, Heap) and pathfinding (Dijkstra, A*, BFS, DFS) algorithms with step-by-step animations, complexity insights, and multi-language code (JS, Python, Java, C/C++). Features include adjustable array/grid sizes, speed control, pause/resume, draggable nodes/walls, weighted nodes, diagonal movement, and rich educational content.
Key Features
- Sorting Algorithm Visualizations: Bubble Sort, Merge Sort, Quick Sort, Heap Sort
- Pathfinding Algorithm Visualizations: Dijkstra, A*, BFS, DFS
- Step-by-step Animations: Real-time visual execution of algorithms
- Complexity Analysis: Time and space complexity insights
- Multi-language Code Display: Implementations in JavaScript, Python, Java, C, and C++
- Dynamic Array Size Control: 10 to 100 elements for sorting visualizations
- Customizable Grid Sizes: From 10x16 to 40x64 for pathfinding
- Interactive Maze Creation: Drag-and-drop wall drawing
- Moveable Start/End Nodes: For flexible path setup
- Weighted Nodes & Diagonal Movement: Enhanced pathfinding options
- Playback Controls: Variable speed, pause/resume functionality
- Educational Content: Clear algorithm explanations and real-world use cases
