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

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.