The latest articles on DEV Community by Mukhar Jain (@mukhar). https://dev.to/mukhar 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%2F601118%2F4c9374f8-0cf8-420b-ac60-8957ccc5ec75.jpeg https://dev.to/mukhar en Mukhar Jain Tue, 03 Feb 2026 18:26:58 +0000 https://dev.to/mukhar/i-uploaded-my-cv-and-boom-its-done-1le3 https://dev.to/mukhar/i-uploaded-my-cv-and-boom-its-done-1le3 <p><em>This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI</em></p> <h2> About Me </h2> <p>I am <strong>Mukhar Jain</strong>, a Software Development Engineer 3 at Walmart Global Tech with a passion for building scalable systems and cloud-native solutions. A graduate of IIT Delhi (Batch of 2021), I have over 4 years of experience working with technologies like Java Spring Boot, Golang, and React.</p> <p>My journey has taken me from leading technical teams at Standard Chartered to engineering high-impact backend solutions at Walmart. I built this portfolio to bridge the long standing task of creating a portfolio. With AI I was able to make this in under an hour. Creating a unified space to showcase my projects and technical evolution.</p> <h2> Portfolio </h2> <div class="ltag__cloud-run"> <iframe height="600px" src="https://mukhar-jain-portfolio-304610776995.us-west1.run.app/"> </iframe> </div> <h2> How I Built It </h2> <p>My goal was to transform my static resume into a dynamic web experience as efficiently as possible.</p> <ul> <li> <strong>From CV to Code:</strong> I started by uploading my existing PDF CV to <strong>Gemini</strong>. I prompted the model to parse the structured data (experience, education, skills) and generate a React component structure based on that content. This acted as the foundation of the site, saving hours of manual data entry.</li> <li> <strong>Refinement &amp; Features:</strong> Once the core structure was generated, I manually refined the code to add polish. This included implementing a <strong>custom Dark Mode</strong> and adding responsive <strong>micro-interactions</strong> to make the UI feel alive.</li> <li> <strong>Deployment:</strong> The final application was containerized and deployed on <strong>Google Cloud Run</strong>, ensuring it is globally available and auto-scalable.</li> </ul> <p><strong>Tech Stack:</strong> React, Tailwind CSS, Google Cloud Run, Gemini.</p> <h2> What I'm Most Proud Of </h2> <p>I am most proud of how quickly I was able to go from a static document to a live, interactive site.</p> <ul> <li> <strong>Dark Mode Implementation:</strong> I spent time ensuring the Dark Mode wasn't just a color swap, but a carefully accessible theme that respects user system preferences.</li> <li> <strong>Interactive Design:</strong> I added subtle animations and hover states that give the portfolio a premium feel, which is a significant step up from a traditional PDF resume.</li> <li> <strong>Efficiency:</strong> Leveraging Google AI to handle the heavy lifting of the initial boilerplate allowed me to focus purely on the creative aspects—like the interactions and theming—rather than writing standard HTML/CSS from scratch.</li> </ul> googleaichallenge