惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

腾讯CDC
Microsoft Azure Blog
Microsoft Azure Blog
B
Blog
S
SegmentFault 最新的问题
WordPress大学
WordPress大学
P
Proofpoint News Feed
Hugging Face - Blog
Hugging Face - Blog
MyScale Blog
MyScale Blog
A
About on SuperTechFans
雷峰网
雷峰网
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
T
The Blog of Author Tim Ferriss
MongoDB | Blog
MongoDB | Blog
博客园 - 【当耐特】
The Cloudflare Blog
F
Fortinet All Blogs
小众软件
小众软件
博客园 - 三生石上(FineUI控件)
宝玉的分享
宝玉的分享
罗磊的独立博客
量子位
有赞技术团队
有赞技术团队
V
V2EX
Engineering at Meta
Engineering at Meta

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
I Built an AI-Powered Portfolio Template (and You Can Use...
Electronic boi · 2026-06-13 · via DEV Community

Electronic boi

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.