Built and shipped AlgoPrecision, a production-ready DSA Visualiser that turns complex algorithms into interactive, step-by-step learning flows. The platform combines generator-driven animation frames, custom input controls, speed controls, synced pseudocode highlighting, searchable documentation, and a custom code complexity workspace. It covers a broad DSA catalog across sorting, searching, hashing, stacks, queues, linked lists, arrays and strings, trees, graphs, and dynamic programming, making it useful for interview preparation, classroom demos, and self-paced algorithm practice.
Challenge
Algorithm learning tools often show final output without explaining how state changes at each step. The goal was to create a visual learning surface that supports custom inputs, paced execution, and code-level reasoning without requiring a backend.
Architecture
Designed a local-first Next.js application where algorithm modules emit generator-driven animation frames. The visualizer layer consumes those frames for playback controls, pseudocode highlighting, and state rendering while browser storage preserves custom visualizers and profile data.
