AlgoFlow - Sorting Algorithm Visualizer

AlgoFlow is a modern full-stack Sorting Algorithm Visualizer built using HTML, CSS, JavaScript, Node.js, and Express.js.
It helps users understand how sorting algorithms work through real-time animations, color visualization, and sound effects.

---

Features

• Real-time sorting visualization
• Multiple sorting algorithms
• Dynamic algorithm switching
• Time and space complexity display
• Interactive UI with dark theme
• Adjustable sorting speed
• Sound effects during sorting
• Responsive dashboard design

---

Implemented Algorithms

1. Bubble Sort
2. Selection Sort
3. Insertion Sort

---

Tech Stack

Frontend:

• HTML5
• CSS3
• JavaScript

Backend:

• Node.js
• Express.js

---

Visual Features

• Blue bars -> Default state
• Yellow bars -> Comparing elements
• Green bars -> Swapping elements
• Purple bars -> Sorted elements

---

Complexity Analysis

Bubble Sort:

• Best Case: O(n)
• Average Case: O(n²)
• Worst Case: O(n²)
• Space Complexity: O(1)

Selection Sort:

• Best Case: O(n²)
• Average Case: O(n²)
• Worst Case: O(n²)
• Space Complexity: O(1)

Insertion Sort:

• Best Case: O(n)
• Average Case: O(n²)
• Worst Case: O(n²)
• Space Complexity: O(1)

---

Project Structure

algoflow/ │ ├── client/ │ ├── index.html │ ├── style.css │ └── visualizer.js │ ├── server/ │ ├── server.js │ └── algoRunner.js │ └── README.md

---

How to Run

1. Open terminal

2. Navigate to server folder

cd server