DEV Community

Maulana Yusuf Azmi
Maulana Yusuf Azmi

Posted on

New Year, New Portfolio: How Google AI & Cloud Run Powered ucupio.com

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

Hi everyone! ๐Ÿ‘‹ I'm Ucup, a developer based in Indonesia who loves turning complex problems into simple, beautiful interfaces.

For 2025, I promised myself to step up my gameโ€”not just in coding, but in how I present my work to the world. ucupio.com is the result of that resolution. It's more than just a resume; it's a playground where I experiment with new technologies and showcase the projects I'm most passionate about.

Portfolio

Iโ€™ve deployed my portfolio on Google Cloud Run to ensure it's fast, scalable, and reliable. You can explore it interactively right here:

Direct Link

https://ucupio.com

How I Built It

My main goal was to build a site that feels instant and looks great on any device.

Tech Stack

  • Core: Built with [React VITE] for a reactive user experience.
  • Styling: I used [Tailwind CSS / CSS Modules] to keep the design clean and consistent without writing distinct stylesheets.
  • Deployment: The site is containerized using Docker and deployed effortlessly to Google Cloud Run. This setup means I don't have to worry about server maintenanceโ€”I just push code, and it runs.

The Google AI Edge

This project gave me a chance to really utilize Google AI (Gemini) in my workflow:

  1. Troubleshooting: When my Docker build failed initially, I pasted the error logs into Gemini, and it pinpointed the missing dependency immediately.
  2. Content Refinement: English isn't my first language, so I used Gemini to help polish the copy on my "About" page to make it sound more engaging.
  3. Code Suggestions: I asked Gemini for best practices on responsive layouts, which saved me hours of trial and error.

What I'm Most Proud Of

  • The Deployment Pipeline: Setting up a CI/CD flow where my code goes from GitHub directly to a live Cloud Run URL feels like magic every time.
  • Performance Score: I managed to achieve a high Lighthouse score by optimizing images and code splitting.
  • Minimalist Design: I'm proud that I resisted the urge to clutter the screen. The focus stays 100% on the work.

Iโ€™d love to hear your feedback! Thanks for checking it out.

Top comments (0)