Let's begin the year with a bang!!

#devchallenge #googleaichallenge #portfolio #gemini

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 a frontend engineer who is slowly transitioning into a design engineer. I decided to use this medium to create an experience. For 2026, I wanted to build something that felt authentically "me". After scouring Dribbble and Behance for inspiration, I dove into Figma and started putting things together. I wanted this to be simple yet have playfulness in it

Portfolio

How I Built It

Tech Stack

Sveltekit and Svelte
Gsap for animations
HTML & Vanilla CSS for structure and styling
Lenis for scroll smoothing
Lottie animations
The Repository

My development process was a collaboration between my creative vision and Antigravity.

Visual Grounding: I started by designing a mental structure in Figma. Instead of manually coding every layout detail, I used my design images and prompted Gemini Pro. I asked, "Can you convert this visual style into a functional website structure?" By the way, I was just trying things out at this point, but I was surprised by the scaffolding that happened
The Antigravity Environment: To achieve the fluid motion I envisioned, I collaborated with Gemini on my use of GSAP and Lenis, focusing on creating a way for these tools to be used efficiently, ensuring they were integrated at the root level rather than being called multiple times. This deliberate structure kept the styling and animations lightweight.
Iterative Blueprinting: One of my favourite parts of using Antigravity was the Implementation Plan. Gemini generated a .md file breaking down every step. This allowed me to interject, provide my own opinions, and tweak the logic before a single line of code was finalized.
The Human Touch: While the use of AI provided a stellar starting point and handled the heavy lifting of the initial structure, I spent my time fine-tuning the code. It wasn't 1-to-1 perfection immediately, but having that solid foundation allowed me to focus on making necessary tweaks and adding a little bit of personality to my portfolio website

What I'm Most Proud Of

I was able to get the build actually match the vision in my head. Throughout this process, I was so inspired by the progress that the ideas just kept flowing. While I pushed the boundaries of what I could do on the UI, I refused to compromise on the fundamentals, ensuring the site is accessible to everyone and remains perfectly responsive across all devices.

I didn’t want a bland, static site. I’ve hidden several interactive easter eggs throughout the portfolio to make the discovery process fun for visitors. It’s an invitation to explore.

I successfully modularized my animation libraries (GSAP and Lenis). By centralizing their logic, I was able to achieve performance, leaving the site feeling weightless and fluid, just like the design intended

Overall, seeing my personal vision transition from a mental structure in Figma to a live, functional site is a huge win for my 2026 goals.