How I Built an AI-Powered Portfolio Assistant with Google Gemini

How I Built an AI-Powered Portfolio Assistant with Google Gemini TL;DR: I built an AI assistant into my portfolio at hailamdev.space that can answer questions about my skills, projects, and experience — powered by Google Gemini 2.0. Here's exactly how I did it. The Problem As a Fullstack Developer based in Ho Chi Minh City, Vietnam, I wanted my portfolio to stand out. Traditional portfolios are passive — visitors scroll, look at screenshots, and leave. I wanted something interactive. What if recruiters and potential clients could ask questions about my experience and get instant, intelligent answers? The Architecture User Question → Intent Detection (local) → Gemini API → Structured Response → Rich UI Card Key Components Intent Detection Layer — Detects common patterns locally before hitting the API System Prompt Engineering — Provides Gemini with full context about my profile, projects, and skills Structured Output — Gemini returns JSON with answer, highlights, quickFacts, skillsMatri