#3 Featured project
Vandit Kala Portfolio
20258 technologies
Available to hire
This portfolio: Next.js 15 and MongoDB, three audience views, an owner admin dashboard and an original animated hero.
- Live demo
- Source on GitHub
- Next.js
- React
- TypeScript
- Tailwind CSS
- MongoDB
- Mongoose
- zod
- Vitest
Problem
A single static page cannot speak to recruiters, friends and curious visitors at once, and hard-coded content is slow to keep current.
My role
Designed and built the whole site, front end to back end.
Approach
Next.js 15 (App Router) and TypeScript app with 7 pages and 12 API routes and separate recruiter, personal and stalker views. Content (projects, skills, experience, education, copy) lives in MongoDB via Mongoose, is validated with zod, and is editable through a password-protected admin dashboard with analytics and a contact inbox. The hero is an original canvas animation of a breadth-first graph search, drawn without an animation library. 87 Vitest tests across 13 test files.
Impact
Owner-editable content with no redeploys, per-audience visit analytics, a rate-limited contact form and 87 automated tests.
More Related
See More
DSA Visualizer
Step through DSA solutions line by line and watch every variable, array, heap and linked list change.
AI Dev Team
Token-efficient multi-agent dev team skill for Claude Code, Codex, Gemini CLI, Cursor and more.
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