ChameleonBio: Adaptive Professional Portfolio

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

About Me

I am a philosophy-driven technologist merging 20 years of hardware/software expertise with cutting-edge AI. My work focuses on modeling knowledge and optimizing freedom.

With ChameleonBio, I wanted to express that a professional identity isn't static—it’s a conversation. I believe a portfolio should adapt to its audience just as effectively as a real-world career coach would.

Portfolio

ChameleonBio: Adaptive Professional Portfolio

An intelligent portfolio that dynamically rewrites its professional summary and adjusts its visual theme based on the visitor's role and tone using Gemini AI.

Live Demo: ChameleonBio

How I Built It

ChameleonBio is built on a stack designed for speed, intelligence, and aesthetic flexibility:

Frontend: React 19 with Tailwind CSS. I used a "dual-design" system that shifts between a sleek, structured Corporate Formal mode and a vibrant, rounded Startup Casual mode.

Intelligence: I utilized the Gemini 3 Flash model via the Google AI Studio.

The Rewriter: Gemini analyzes the visitor's self-described role (e.g., "CTO" vs "Recruiter") and performs a targeted rewrite of my bio to surface the most relevant skills.

The Grounding: I integrated the googleSearch tool to power the "Sync Live Profile" feature. This allows the app to crawl my real-time LinkedIn presence and update the portfolio data with citations (Grounding Metadata).

The Logic: I implemented a custom "Sentiment-to-Theme" engine. By analyzing the tone of the visitor's input, the UI responds by switching typography, colors, and layout density to match their vibe.

Hosting: Fully containerized and deployed on Google Cloud Run for scalable, serverless performance.

What I'm Most Proud Of

I’m most proud of the "Vibe-Check" Sentiment Analysis.

It’s one thing for an AI to rewrite text, but it's another for the entire interface to "read the room." If a visitor enters a formal inquiry, the site becomes a professional document. If they use emojis and "startup speak," the site transforms into a friendly, modern experience. This creates a psychological "mirroring" effect that makes the portfolio feel incredibly personal and responsive.

I also took great care in building a Robust JSON Extraction layer to ensure that even when Gemini returns search citations or conversational wrappers, the UI never breaks, providing a seamless production-grade experience.