Skip to content

An interactive React web app that visualizes sorting and searching algorithms step-by-step with animations and explanations. Designed to help learners understand algorithm behavior through intuitive visualizations and controls.

License

Notifications You must be signed in to change notification settings

jawaadaadam/AlgorithmVisualizer

Repository files navigation

AlgorithmVisualizer

An interactive React web app that visualizes algorithms step-by-step, starting with sorting and searching.
Built to help learners understand how algorithms work through animations and explanations.

🚀 Features

  • Bubble Sort visualization with animated array bars
  • Play, Pause, Reset controls
  • Speed slider for adjusting animation
  • Explanation panel describing each step
  • Responsive, minimalist UI with TailwindCSS

🛠️ Tech Stack

  • React + Vite
  • TailwindCSS
  • JavaScript (algorithm logic)

📦 Installation

Clone the repo and run locally:

git clone https://github.com/your-username/AlgorithmVisualizer.git
cd AlgorithmVisualizer
npm install
npm run dev

About

An interactive React web app that visualizes sorting and searching algorithms step-by-step with animations and explanations. Designed to help learners understand algorithm behavior through intuitive visualizations and controls.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •