Live Application: 🔗 Open App
This is a modern, interactive Data Structures and Algorithms Visualizer built with Next.js, Tailwind CSS, and Framer Motion. It helps learners and developers visualize core DSA concepts and algorithms with beautiful animations and explanations. Includes an AI Assistant that explains the algorithms step-by-step.
- Interactive chatbot integrated in the app
- Explains algorithm logic, time/space complexity
- Guides through how each data structure works
- Answer user queries in real-time
- Bubble Sort
- Selection Sort
- Insertion Sort
- Merge Sort
- Quick Sort
- Breadth-First Search (BFS)
- Depth-First Search (DFS)
- Binary Tree
- Binary Search Tree (BST)
- Inorder, Preorder, Postorder Traversals
- BST Insertion, Deletion & Search
- Min Heap
- Max Heap
- Insert, Delete, Heapify, Peek
- Singly Linked List
- Insert at beginning, end, and position
- Delete node, reverse list
- Real-time visualization of pointer manipulation
- Push, Pop, Peek operations
- Visual stack updates with each operation
- Enqueue, Dequeue, Peek
- Circular Queue and Linear Queue behavior
- Visual binary search over sorted arrays
- Highlights mid element and search range step-by-step
- Framework: Next.js
- Styling: TailwindCSS
- Animations: Framer Motion
- State Management: React Context API
- AI Assistant: OpenSource AI Assistent
- Codebase: Fully modular with reusable components
git clone https://github.com/harshraj1695/DSA-Visualizer.git
cd dsa-visualizer
npm install
npm run dev