How did you build this site?
It's a Next.js app with TypeScript and Tailwind CSS. I wanted something different from the usual static portfolio, so I made it ChatGPT-themed.
The chatbot on the homepage is actually calling Google's Gemini API with a custom prompt that knows about me and my work. So when you ask it questions, you're getting real AI responses tailored to my background.
Wait, so these preset chats are fake?
Yeah, these are just hardcoded in a TypeScript file. It's basically a FAQ section that looks like a chat.
The nice thing is it uses the same chat components as the real AI, so it looks identical. But there's no API call, it just loads instantly. I wanted a way to answer common questions without making people type into the AI every time.
Why go with the ChatGPT theme instead of a regular portfolio?
I guess I was bored of the typical portfolio layout. Everyone has the same hero section, project cards, contact form setup. It works but it's not memorable.
I wanted something interactive that actually shows how I think and what I care about. Plus the chatbot format lets people ask what they're curious about instead of forcing them to scroll through everything.
Also I just thought it'd be fun to build. This site is as much a project itself as it is a showcase of my work.