As a Senior React developer I've built dozens of complex applications — but I wanted to create something that actually helps people understand computer science fundamentals visually. So I built AlgoCanvas — a series of algorithm visualizations built purely in React. Why I Built This Most algorithm explanations use static diagrams or walls of code. Neither actually shows you what the algorithm is doing at each step. I wanted to change that. Watch it work — and it clicks instantly. The Tech Stack React functional components useState for animation state useRef for timeout management CSS-in-JS inline styles Zero external animation libraries How the Animation Works The key insight is building all animation steps upfront, then replaying them with setTimeout: function bubbleSort () { const arr = [... array ]; const steps = []; for ( let i = 0 ; i < arr . length - 1 ; i ++ ) { for ( let j = 0 ; j < arr . length - i - 1 ; j ++ ) { steps . push ({ arr : [...…