This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI.
Website: https://portfolio-565952799678.asia-southeast1.run.app/
About Me
Hi there! I'm Isum Enuka, a developer and student from Sri Lanka. I'm really passionate about that sweet spot where AI, Machine Learning, and web dev collide. I love figuring out how code can solve actual problems, and I enjoy creating content to share the messy, fun process of learning with others.
For 2026, my goal is pretty simple: build polished, user-focused apps that combine my tech skills with my personal brand. I really believe a portfolio shouldn't just be a list of repo links-it should be a "digital handshake" that gives people a real sense of who you are.
Portfolio
I designed my new portfolio to be a modern showcase of my work as a "Tech Creator & Developer." I built it for recruiters, other devs, and my audience to explore my projects and skills in a way that feels interactive and alive.
The whole thing is containerized with Docker and running on Google Cloud Run, so it scales automatically and loads instantly, no matter where you are.
How I Built It
I wanted a stack that felt modern and fast, but also fun to build with.
The Tech Stack
- Frontend: React (Vite) + TypeScript. (Gotta love that type safety!)
- Styling: Tailwind CSS for layout, plus
framer-motionandgsapfor the animations. - UI Magic: I leaned heavily on React Bits for the visual effects, especially the
GlobalSpotlightandParticleCardcomponents. They give the site that premium, polished feel. - CMS: Sanity. I set up a custom schema for my "Achievements" so I can easily update my wins without having to re-deploy the whole site every time.
Pairing with Google AI (Gemini & Antigravity)
This project honestly felt like a collaboration. I used Gemini (via Google AI Studio and Antigravity) not just to generate code, but to actually solve design problems with me.
- Custom UI: I wanted unique, interactive elements for my achievement cards but didn't want to get bogged down in the math. I described the vibe I wanted to Gemini-"fast-moving, energetic, glowing"-and it generated the complex HTML Canvas logic using Perlin noise. We tweaked the parameters together until it felt right.
- Sanity + TypeScript: Connecting a flexible CMS to a strict frontend can be a headache. Gemini looked at my GROQ queries and wrote the TypeScript interfaces for me, which saved me from so many runtime errors.
- Cloud Run: I'd never deployed a Vite app to Cloud Run before. Gemini basically acted as my DevOps engineer, writing the
Dockerfileandnginx.confto make sure the site was production-ready.
Deployment
For deployment, I packaged everything into a Docker container and shipped it to Google Cloud Run. The process was super smooth: I just pushed my code to GitHub, connected it to Cloud Run, and Google handled the rest. It's running on serverless infrastructure now, so it scales to zero when nobody's looking (saving money!) but wakes up instantly when someone visits.
What I’m Most Proud Of
Since this challenge is all about "New Year, New You," I'm really proud of how this portfolio matches where I'm heading in 2026.
- Innovation & Creativity: I didn't want a cookie-cutter site. Using Google AI to help build custom UI components allowed me to create a visual identity that actually feels like me.
- Technical Implementation: Moving from simple static hosting to a real containerized deployment on Google Cloud Run was a big milestone for me. It proves I can handle professional-grade infrastructure.
- Ready for 2026: By backing everything with Sanity, I've built a platform that can grow. This isn't just a one-off project for a hackathon; it's a foundation I can keep building on throughout the year.
Source Code
🚀 Isum Enuka's Portfolio
A modern, interactive portfolio website showcasing creative projects, technical skills, and the creative universes of a tech creator and developer.
✨ Features
- 🎨 Modern UI/UX - Stunning dark-themed design with glassmorphism and smooth animations
- 🎭 Creative Universes - Showcase multiple creative identities and projects
- 📱 Fully Responsive - Optimized for all devices and screen sizes
- 🎬 Rich Animations - GSAP-powered transitions and interactive effects
- 🔧 Sanity CMS Integration - Easy content management through Sanity Studio
- ⚡ Blazing Fast - Built with Vite for optimal performance
- 🎯 Type-Safe - Full TypeScript support
- 🎨 React Bits Components - Premium UI components and text animations
🛠️ Tech Stack
Frontend
- Framework: React 18 with TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS + Custom CSS
- Animations: GSAP, Framer Motion
- UI Components: React Bits, Custom Components
Backend & CMS
- Headless CMS: Sanity.io
- Content Delivery: Sanity Client
Deployment
- Frontend Hosting: Vercel
- Studio Hosting:…
Or check out the specific branch for this challenge:
https://github.com/isumenuka/portfolio/tree/New-Year%2C-New-You-Portfolio-Challenge
Top comments (2)
Nice brother ♥️
❤️❤️