Tools: ChameleonBio: Adaptive Professional Portfolio

Tools: ChameleonBio: Adaptive Professional Portfolio

Source: Dev.to

About Me ## Portfolio ## How I Built It ## What I'm Most Proud Of New Year, New You Portfolio Challenge Submission This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI 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. 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 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. 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. Templates let you quickly answer FAQs or store snippets for re-use. Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink. Hide child comments as well For further actions, you may consider blocking this person and/or reporting abuse