As a CS student learning backend development, I got tired of the same boring portfolio templates everywhere. You know the ones — hero section, projects, contact form, done. Nothing that actually shows how you think or work.
So I built my own. And I added something most portfolios don't have — a terminal-style AI chat agent that lets visitors actually talk to my portfolio.
What it does
Instead of reading through your about section, visitors can just ask:
"What stack do you use?"
"Are you available for freelance?"
"Tell me about your projects"
And the AI answers — instantly, in a terminal UI that sits right in the hero section.
It also has a Dev Mode toggle that switches the navigation from normal buttons to REST-style API routes:
GET /projects 200 OK
GET /skills 200 OK
POST /contact 201 CREATED
Small detail. But if you're a developer looking to hire another developer, it lands differently than a generic "See My Work" button.
The tech
Kept it dead simple on purpose:
Pure HTML, CSS, JavaScript — no React, no npm, no build step
Groq API for the AI chat (free tier, fast inference)
Deployed on Vercel in under 2 minutes
Anyone can open the folder and understand it. No framework overhead. Just files.
I chose Groq over OpenAI because the free tier is genuinely free and the response speed is noticeably faster for a chat widget — no loading spinner killing the UX.
What's inside
Terminal AI chat widget (Groq powered)
Dev Mode toggle with REST-style nav
Project cards with stack tags and live/GitHub links
Skills section with categories
Contact form
Fully responsive
Clean, commented code — easy to customize
Why I'm sharing it
I packaged it as a template so other developers can skip the build time and just personalize it. Change your name, projects, drop in your Groq API key, deploy.
It takes about 5 minutes to set up.
Live Demo: https://portfolio-two-amber-6tr3dimpay.vercel.app/
Get the template: https://payhip.com/b/0zJEc
**
Who it's for**
CS students who want a portfolio that stands out
Developers tired of the same Tailwind + React portfolio everyone has
Anyone who wants an AI feature without building a backend
If you use it, I'd love to see what you build with it. Drop your portfolio link in the comments.
Top comments (0)