DEV Community

Cover image for Updating My Portfolio with Antigravity & Gemini 3: A Google AI Challenge Submission
EL-HAMDAOUI MAROUANE
EL-HAMDAOUI MAROUANE

Posted on • Edited on

Updating My Portfolio with Antigravity & Gemini 3: A Google AI Challenge Submission

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 am Marouane EL-HAMDAOUI, a Software Engineering and Artificial Intelligence student. I’ve dedicated my academic journey to mastering the intersection of system design, full-stack development, and emerging AI trends.

My goal for this challenge was to evolve my digital presence from a standard portfolio into a dynamic, living showcase that reflects the new year. This site represents my technical journey, experience and projects.

Portfolio

N.B: I removed the deployment after the challeneg end so this is my main portfolio link
Link : click here
Gihtub Repo: click here

How I Built It

For this challenge, I didn't just update my CSS; I overhauled my entire development workflow to be AI-first, leveraging the power of Gemini models through Google's newest tools.

The Tech Stack

  • Frontend: React 19 (utilizing the new React Compiler), TypeScript, and Tailwind CSS.
  • Animations: AOS for scroll-triggered interactions.
  • Infrastructure: Fully containerized using a multi-stage Dockerfile and deployed on Google Cloud Run for serverless efficiency and scalability.
  • The Google AI Edge: Antigravity & Gemini 3

I utilized Antigravity, Google's AI-first development environment, to act as my "Staff Engineer" during the build. By integrating the latest Gemini model directly into my IDE, I achieved a level of productivity that wasn't possible before:

  • Deep Repository Analysis: I tasked the Antigravity agents with performing a full analysis of my existing repository. They identified architectural bottlenecks and helped me refactor my folder structure to be more modular and maintainable.
  • Agentic Feature Implementation: Instead of manual coding, I worked collaboratively with Gemini-powered agents to scaffold the new Achievements and News sections. I provided the high-level design vision, while the agents handled the complex state management and responsive implementation logic.
  • Visual Evolution: The "2026 Tech Trend" look featuring dark-mode glassmorphism and refined typography, was iterated on through a collaborative vibe-coding process with the AI, allowing for rapid experimentation with complex CSS patterns.

What I'm Most Proud Of

From a technical standpoint, I’m proud of the Agentic Workflow. Navigating this challenge through Antigravity allowed me to experience the next paradigm of software engineering: a world where developers act as orchestrators, guiding autonomous agents and advanced Gemini models to build high-quality, production-ready systems on Google Cloud.

Made with ❤️ by mar1shell

Top comments (4)

Collapse
 
sara_ouhaddou_046f0d705ac profile image
Sara Ouhaddou

Absolutely stellar work, Marouane 🔥 I love how you didn’t just refresh your portfolio, you reimagined the entire development process with an AI-first mindset that feels truly on the cutting edge.

Clean execution, strong tech choices, and a lot of personality in the result.

Collapse
 
mar1shell profile image
EL-HAMDAOUI MAROUANE

Thank you so much Sara! you can find both my new and old one in my github if you want to get some components or parts that you like

Collapse
 
taha_mahha_8e92401f16fe2e profile image
taha mahha

really sick design man, it's so unique 🔥🔥

Collapse
 
mar1shell profile image
EL-HAMDAOUI MAROUANE

Thank you Man!!