The latest articles on DEV Community by Emmanuella Batubo (@ellacmd). https://dev.to/ellacmd 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%2F3388066%2F2215d8ce-e879-4354-beb7-4889ea753582.jpg https://dev.to/ellacmd en Emmanuella Batubo Sun, 01 Feb 2026 11:14:10 +0000 https://dev.to/ellacmd/built-my-portfolio-with-antigravity-and-deployed-to-cloud-run-in-one-day-ihi https://dev.to/ellacmd/built-my-portfolio-with-antigravity-and-deployed-to-cloud-run-in-one-day-ihi <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 Emmanuella Batubo, a frontend developer with 4+ years of experience shipping React and Angular apps in fast-paced startup environments. I specialize in building frontends that are easy to use, easy to scale, and easy for teams to work with.<br> Outside of code, I'm a competitive chess player and had the honor of representing Nigeria at the World Chess Olympiad. My portfolio reflects both my technical precision and creative personality — just like a well-played chess game, every detail is intentional.</p> <h2> Portfolio </h2> <div class="ltag__cloud-run"> <iframe height="600px" src="https://portfolio-849280512320.us-central1.run.app"> </iframe> </div> <h2> How I Built It </h2> <h3> Tech Stack </h3> <ul> <li> <strong>Framework:</strong> Next.js 15 (App Router)</li> <li> <strong>Styling:</strong> Tailwind CSS + Custom CSS</li> <li> <strong>Animations:</strong> GSAP with ScrollTrigger</li> <li> <strong>Smooth Scrolling:</strong> Lenis</li> <li> <strong>Icons:</strong> Lucide React</li> <li> <strong>Deployment:</strong> Google Cloud Run with Docker ### Google AI Tools Used</li> <li> <strong>Antigravity</strong> — Google's AI-first development environment powered by Gemini. I used Antigravity for the entire development process: building components, writing animations, debugging responsive issues, and deploying to Cloud Run.</li> </ul> <h2> What I'm Most Proud Of </h2> <ol> <li> <strong>The Portal Animation</strong> — A small box in the About section transforms into the full-width Work section as you scroll. The asterisk icon travels from the center to the corner during the transition.</li> <li> <strong>Responsive Design</strong> — Works beautifully on mobile, tablet, and ultra-wide screens. The navbar, hero, and all sections adapt gracefully.</li> <li> <strong>Sound Design</strong> — Click interactions have subtle audio feedback for a premium feel.</li> <li> <strong>Deployed with Antigravity</strong> — From UI to animation to responsive CSS to Cloud Run deployment, Antigravity handled everything through natural conversation.</li> </ol> devchallenge googleaichallenge portfolio gemini