AlgoVis - Interactive DSA Visualizer 🚀

AlgoVis is a web-based platform designed to help students and enthusiasts learn Data Structures through dynamic visualizations and interactive UI. Built using Next.js, Tailwind CSS, and Framer Motion, this project brings complex concepts to life with ease.

📘 A college mini-project by Nikhil Walhe from SMT. Indira Gandhi College of Engineering, Navi Mumbai, under the guidance of Prof. Satish Kuchiwale.

📌 Features

• 📊 Stack Visualization (Linked List-based)
• 🔁 Queue ADT (Linear, Circular, Priority, Deque)
• 🔗 Linked List Modules (Singly, Doubly, Circular)
• 🌳 Trees (Binary Tree, BST, AVL, Traversals, B-Tree)
• 🌐 Graph Algorithms (DFS, BFS, Topological Sort, Applications)
• 💡 Clean animations with Framer Motion
• 🎨 Custom-built UI using Tailwind CSS

🛠 Tech Stack

• Frontend: Next.js, React, Tailwind CSS
• Animations: Framer Motion
• Version Control: Git & GitHub

🚀 Getting Started

🔧 Prerequisites

Make sure you have installed:

• Node.js & npm
• Git

📦 Installation

# Clone the repo
git clone https://github.com/yourusername/AlgoVis.git

# Navigate to project folder
cd AlgoVis

# Install dependencies
npm install

# Start the development server
npm run dev