HeadlinesBriefing favicon HeadlinesBriefing.com

Interactive Portfolio Powered by Google Gemini 2.0 Flash

DEV Community •
×

The New Year, New You Portfolio Challenge, hosted by Google AI, invited developers to craft interactive resumes. A seasoned software engineer with six years of experience answered the call, aiming to build more than a résumé—an alive, intelligent system that feels engineered to perfection.

The stack centers on Next.js 14, TypeScript, and Tailwind CSS for rapid, type‑safe development. 3D scenes run on Three.js via @react-three/fiber and @react-three/drei, while GSAP and Framer Motion deliver hardware‑accelerated transitions. The core AI layer harnesses Google Gemini 2.0 Flash through the new @google/genai SDK.

Design choices echo high‑end gaming HUDs, adopting a Tactical System aesthetic with deep blacks, vibrant accents, and micro‑animations that feed user feedback. Performance engineering trims Three.js pixel ratios, enforces high‑performance power preference, and tightens CSS critical paths, keeping the site snappy even on low‑CPU devices.

A hybrid backend flips to OpenAI when Gemini falters, guaranteeing uptime. The author highlights the Intelligence‑Performance Balance as the proudest achievement, noting that the AI core feels like a real‑time guide rather than a chatbot. Future iterations may deepen AI integration and expand motion adaptability.