Back to ProjectsOct 2024

Algorithm Visualizer

ReactTailwind CSSJavaScriptAlgorithmssortingsearchingframer-motionvisualizationeducational-tool

An interactive educational tool to visualize sorting (Bubble, Quick, Merge) and searching (Linear, Binary) algorithms. Features dynamic speed control, user-defined array inputs, and step-by-step execution. Reduced animation rendering time by 30% through optimized DOM updates.

View Code Live Demo

Achievements

  • Improved user engagement with interactive step controls
  • Reduced animation lag by 30% via requestAnimationFrame optimization
  • Used by 500+ students for exam preparation
  • Adopted in campus coding bootcamp curriculum
Algorithm Visualizer - Main image
Algorithm Visualizer - Gallery 2
Algorithm Visualizer - Gallery 3
Algorithm Visualizer - Gallery 4
Algorithm Visualizer - Gallery 5