DEV Community

Cover image for Built My Portfolio with Antigravity and Deployed to Cloud Run in One Day
Emmanuella Batubo
Emmanuella Batubo

Posted on

Built My Portfolio with Antigravity and Deployed to Cloud Run in One Day

New Year, New You Portfolio Challenge Submission

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

About Me

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.
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.

Portfolio

How I Built It

Tech Stack

  • Framework: Next.js 15 (App Router)
  • Styling: Tailwind CSS + Custom CSS
  • Animations: GSAP with ScrollTrigger
  • Smooth Scrolling: Lenis
  • Icons: Lucide React
  • Deployment: Google Cloud Run with Docker ### Google AI Tools Used
  • Antigravity — 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.

What I'm Most Proud Of

  1. The Portal Animation — 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.
  2. Responsive Design — Works beautifully on mobile, tablet, and ultra-wide screens. The navbar, hero, and all sections adapt gracefully.
  3. Sound Design — Click interactions have subtle audio feedback for a premium feel.
  4. Deployed with Antigravity — From UI to animation to responsive CSS to Cloud Run deployment, Antigravity handled everything through natural conversation.

Top comments (0)