Algorithm Visualizer

An interactive web application built with React, TypeScript, and Vite that visually demonstrates how sorting algorithms work. This project helped me learn about algorithms and modern web development. It is an interactive React + TypeScript app that animates Bubble Sort, Merge Sort, and Quick Sort with adjustable speed and array size. Clean final version in main branch

Live Demo

Features

Visual Sorting Algorithms:

• Bubble Sort

• Selection Sort

• Insertion Sort

• Merge Sort

• Quick Sort

Interactive Controls:

• Adjustable array size (5-50 elements)

• Variable animation speed (1-200ms per step)

• Color-coded element states (comparing, swapping, sorted)

• Responsive Design works on desktop and mobile

Coming Soon

• Data Structure Visualizations (BST, Linked List, Stack, Queue)

• Explanations

Tech Stack

Frontend: React 18 + TypeScript

Build Tool: Vite

Styling: CSS Modules

Deployment: Vercel