The latest articles on DEV Community by Shubham Singh (@shubham_singh_36c527fceba). https://dev.to/shubham_singh_36c527fceba 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%2F3743485%2Fa4eadc7f-d772-4f39-bcc5-f0a4a7d54a3c.jpg https://dev.to/shubham_singh_36c527fceba en Shubham Singh Sun, 01 Feb 2026 19:58:02 +0000 https://dev.to/shubham_singh_36c527fceba/new-year-new-me-my-ai-powered-developer-portfolio-on-google-cloud-run-2p5 https://dev.to/shubham_singh_36c527fceba/new-year-new-me-my-ai-powered-developer-portfolio-on-google-cloud-run-2p5 <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>I’m a passionate full-stack developer who enjoys building modern, interactive web applications.<br><br> This portfolio represents my journey, skills, and projects, and my goal was to create something that feels both technically solid and visually engaging.</p> <p>Through this challenge, I wanted to showcase:</p> <ul> <li>My development skills </li> <li>My design sense </li> <li>My ability to integrate AI into real applications </li> <li>My deployment skills using Google Cloud </li> </ul> <p>This portfolio reflects who I am as a developer and how I approach problem-solving.</p> <h2> Portfolio </h2> <div class="ltag__cloud-run"> <iframe height="600px" src="https://portfolio-app-968922911924.us-central1.run.app"> </iframe> </div> <p>My portfolio is deployed on <strong>Google Cloud Run</strong> and embedded directly here.</p> <p>It features:</p> <ul> <li>A modern animated user interface </li> <li>A projects section with AI-powered explanations using Google Gemini </li> <li>A skills and tech stack showcase </li> <li>Smooth scrolling and transitions </li> </ul> <p>You can interact with the live portfolio directly above.</p> <h2> How I Built It </h2> <p>I built this portfolio using a modern full-stack approach:</p> <p><strong>Frontend</strong></p> <ul> <li>React </li> <li>Vite </li> <li>Tailwind CSS </li> <li>GSAP for animations </li> </ul> <p><strong>Backend</strong></p> <ul> <li>Node.js </li> <li>Express </li> </ul> <p><strong>AI Integration</strong></p> <ul> <li>Google Gemini API is used to generate intelligent explanations for each project </li> <li>The AI helps explain projects from a beginner, technical, and business perspective </li> </ul> <p><strong>Deployment</strong></p> <ul> <li>The application is containerized using Docker </li> <li>Deployed on Google Cloud Run </li> <li>Environment variables are used to securely store API keys </li> </ul> <p>This approach allowed me to combine creative design with real AI-powered functionality.</p> <h2> What I'm Most Proud Of </h2> <p>The feature I’m most proud of is the AI-powered project explanation system.</p> <p>Instead of static descriptions, each project can be explained using:</p> <ul> <li>A simple explanation </li> <li>A technical explanation </li> <li>A business-focused explanation </li> </ul> <p>I’m also proud of:</p> <ul> <li>Successfully deploying to Google Cloud Run </li> <li>Building a smooth animated UI </li> <li>Integrating Google Gemini into a real production app </li> <li>Completing my first full cloud deployment for a challenge </li> </ul> <p>This project pushed me to learn cloud deployment, containerization, and AI integration all together.</p> <p>--labels dev-tutorial=devnewyear2026</p> devchallenge googleaichallenge portfolio gemini