Hey everyone! 
I recently launched my new portfolio and wanted to share it with the community. As a AI Engineer, I wanted to go beyond a static resume template and build something that actually demonstrates my skillset in real-time.
Here are a few technical features I’m really proud of:
-
Agentic AI Chatbot: Instead of a standard Q&A bot, I used the Vercel AI SDK to build an assistant that can actually take action. If you ask it, “How did you get into coding?”, it doesn’t just generate text—it automatically routes your browser to my /aboutpage! -
Interactive Data Visualizations: I built a custom, interactive floating node graph for my “Toolbox” (tech stack) and a “Coursework Skill Tree” to break away from boring bulleted lists. -
Blazing Fast Performance: Thanks to Next.js image optimization and Vercel’s edge network, the site hit a 95 on the Cloudflare Speed Test right out of the gate. -
The Aesthetic: I went with a high-contrast, deep dark theme (inspired by Mega Swampert’s color palette) to give it a sleek, modern, and highly readable vibe.
The Stack: Next.js App Router, TypeScript, Tailwind CSS, Vercel AI SDK, and Vercel Hosting.
I would love to get your feedback, especially from anyone else building agentic UI with the AI SDK. Let me know what you think of the chatbot routing experience and the interactive nodes!
Check it out here: https://www.kanishakapranjal.com/