Algorithm Visualizer 🚀

Project Overview

The Algorithm Visualizer is an interactive web application designed to provide real-time visualization of sorting and searching algorithms. It enables users to understand and analyze algorithm behavior step-by-step, offering a hands-on learning experience.

---

Features ✨

1. 📊 Algorithm Visualization:

   • Visualize sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, etc.
   • Visualize searching algorithms like Binary Search and Linear Search.

2. 🔍 Real-Time Feedback:

   • Step-by-step visualization showing how data structures change as the algorithm progresses.
   • Dynamic updates to highlight comparisons and swaps during execution.

3. ⚙️ Customization Options:

   • Adjust visualization speed for better analysis and understanding.
   • Control the size and type of data structures to test different scenarios.

---

Technology Stack 🛠️

• Frontend Framework: React.js
• Styling: Tailwind CSS
• Build Tool: Vite
• Additional Libraries:
  • react-router-dom for navigation
  • react-icons for interactive UI elements
  • react-hot-toast for notifications

---

Installation and Setup 📦

1. 📂 Clone the repository:

   git clone <repository-url>
   cd algo-visualizer

2. 📦 Install dependencies:

   npm install

3. 🚀 Start the development server:

   npm run dev

4. 🌐 Access the application at http://localhost:5173 (default Vite dev server port).

---

Usage 🖥️

1. Select an algorithm from the menu.
2. Configure input size, type, and visualization speed.
3. Start the visualization to see how the algorithm processes data.
4. Observe changes in real time and analyze the algorithm's efficiency.

---