This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
Hi! I'm a developer based in Mumbai with a deep passion for AI. Lately, I've been exploring the intersection of web development and Artificial Intelligence. I love trying new AI tools to accelerate my workflow and complete tasks at a faster pace.
I am the author of "The Secrets To Master Your Mind", which I published at the age of 14. Currently, I am enrolled as a student at K.J. Somaiya Institute of Technology.
Portfolio
How I Built It
🛠️ The Tech Stack
I wanted my portfolio to be more than just a static page—I wanted it to be an immersive, "liquid" experience. To achieve this, I used a modern, performance-focused stack, orchestrated entirely by Google Antigravity:
Frontend Core: React 19 (via Vite 7) for ultra-fast HMR and build times.
Styling: Tailwind CSS 4 & PostCSS for rapid UI development.
Infrastructure: Docker (Multi-stage build) & Nginx.
Hosting: Google Cloud Run (Serverless container deployment).
🎨 Immersive Design & Animations
To create a "premium" feel, I layered several animation libraries:
Framer Motion: Used for complex component animations and scroll-triggered layout reveals.
GSAP: Powered high-performance tweens and timelines.
Locomotive Scroll: Enabled smooth, inertia-based scrolling to give the site weight and momentum.
WebGL & Shaders: I implemented a custom fluid simulation (SplashCursor.jsx) and particle effects (@tsparticles/react) to create a background that reacts to user interaction.
☁️ Powered by Google Cloud & AI
This project relies heavily on the Google ecosystem for both development and deployment:
Google Cloud Run: I containerized the application using Docker. The Dockerfile uses a multi-stage build (Node 18 for building → Nginx Alpine for serving) to keep the image lightweight. Deploying to Cloud Run was seamless, allowing me to scale to zero when not in use (keeping costs low) while maintaining high availability.
Gemini & AI Assistance: As a Google Student Ambassador, I leverage Google's tools daily. For this project, I used Gemini 3 Pro (via Google Antigravity) to build the entire website from scratch. I generated the UI elements, animations, and styling simply by providing prompts to the Antigravity agents.
What I'm Most Proud Of
I am most proud of finally breaking my cycle of procrastination. I had always put off building my portfolio, but this challenge proved to be the perfect platform to get started. With the help of Google AI tools, I finally completed it.
The animations generated by Antigravity were outstanding and went far beyond my imagination.
Top comments (0)