The latest articles on DEV Community by Khongorzul Munkhbat (@khongorzulmunkhbat). https://dev.to/khongorzulmunkhbat https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3707296%2Fa7c562cf-9102-475c-aa25-91564a87d3dd.png https://dev.to/khongorzulmunkhbat en Khongorzul Munkhbat Sun, 18 Jan 2026 08:38:36 +0000 https://dev.to/khongorzulmunkhbat/my-ai-powered-portfolio-a-birthday-gift-to-myself-k7k https://dev.to/khongorzulmunkhbat/my-ai-powered-portfolio-a-birthday-gift-to-myself-k7k <p><em>This is a submission for the <a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31">New Year, New You Portfolio Challenge Presented by Google AI</a></em></p> <h2> About Me </h2> <p>Hi! I'm Khongorzul M, an AI engineer passionate about music. I'm Co-Founder &amp; AI/ML Lead at Deep Tech LLC in Mongolia, a Google Developer Expert in AI/ML &amp; Cloud, and host of the TechGals Talks podcast.</p> <p>I started this blog on my BIRTHDAY—Jan 16 🎉! Every year on this day, I reflect on who I'm becoming—what's changing, what I love, what I want to create. It's my annual ritual of rediscovering myself and updating my portfolio to match.</p> <p>I love building at the intersection of creativity, music, and AI—whether it's tools for music entertainment or impactful healthcare solutions. I believe stories matter, and I'm always thinking about how to make things better, more interesting, and useful.</p> <h2> Portfolio </h2> <p> </p> <div class="ltag__cloud-run"> <iframe height="600px" src="https://portfolio-591486622770.us-central1.run.app"> </iframe> </div> <p>Live URL: <a href="https://khongorzul.com/" rel="noopener noreferrer">https://khongorzul.com/</a></p> <h2> How I Built It </h2> <p>I built this portfolio using Google Antigravity, an agent-first IDE that made the development process incredibly smooth. Antigravity's AI-powered features helped me quickly iterate on design and functionality.</p> <p><strong>Tech Stack:</strong></p> <ul> <li>Frontend: React + TypeScript + Vite</li> <li>Styling: Tailwind CSS with custom design system</li> <li>AI Integration: Google Gemini API for emotion-based music descriptions</li> <li>Development: Google Antigravity (AI-powered IDE)</li> <li>Deployment: Google Cloud Run with Docker</li> <li>Analytics: Google Analytics for tracking</li> </ul> <p><strong>Design Philosophy:</strong> I kept the design minimal and intentional</p> <ul> <li>White/black background - Clean and minimal aesthetic</li> <li>Pink highlights - My favorite color, used subtly for sweetness without overwhelming</li> <li>Timeline format for About Me - Stories define us, so I presented my journey chronologically</li> <li>Projects &amp; Research - Showcasing the work I love</li> <li>Bucket List - Inspired by Chip Huyen (my AI role model), this section lists my goals and dreams</li> <li>Music Icon at the right bottom - A fun feature with Gemini-generated creative descriptions for different emotional states (planning to expand this further!)</li> </ul> <h2> What I'm Most Proud Of </h2> <p><strong>The Emotion Music Generator</strong> - This feature bridges my portfolio with my passion for music AI research and creative development. Using Gemini to generate music descriptions gives visitors a glimpse into the work I love in a personal, engaging way.</p> <p><strong>Timeline storytelling</strong> - Stories matter. My portfolio isn't just a resume; it's a narrative that shows my journey as both a musician and technologist.</p> <p><strong>Intentional minimalism</strong> - Clean design, purposeful pink highlights, zero clutter. Every element tells part of my story.</p> <p><strong>Built on my birthday using Antigravity</strong> - What could have taken weeks happened in hours. That's the magic of AI-powered development!</p> <p>See you next time!</p> <p>Cheers 🥂,<br> Khongorzul Munkhbat</p> devchallenge googleaichallenge portfolio gemini