#1 Featured project
DSA Visualizer
20267 technologies
Available to hire
Step through DSA solutions line by line and watch every variable, array, heap and linked list change.
- Live demo
- Source on GitHub
- Next.js
- React
- TypeScript
- Tailwind CSS
- MongoDB
- Framer Motion
- Vitest
Problem
Reading a data structure or algorithm solution is hard when you cannot see how its state evolves while it runs.
My role
Creator and developer: designed and built the app end to end.
Approach
Instruments pasted or picked JavaScript solutions with acorn and runs them in a browser Web Worker against LeetCode-style test cases. A step view shows variables, arrays, maps, sets, heaps and linked lists. Built with Next.js, React 19, TypeScript, Tailwind CSS, shadcn/ui, Framer Motion, CodeMirror and MongoDB, with 455 Vitest tests across 40 test files.
Impact
A live, deployed tool with an admin area, SEO-ready public pages (sitemap, robots, structured data) and a documented REST API.
More Related
See More
AI Dev Team
Token-efficient multi-agent dev team skill for Claude Code, Codex, Gemini CLI, Cursor and more.
Vandit Kala Portfolio
This portfolio: Next.js 15 and MongoDB, three audience views, an owner admin dashboard and an original animated hero.
Taskkar
Real-time collaborative whiteboard: sign in, join an organization, create boards and draw, write notes and place shapes together.
The Work Board
Draw a math or graphical problem on a canvas and have Google Gemini solve it.
© 2026