HeadlinesBriefing favicon HeadlinesBriefing.com

Developer Rebuilds Portfolio with Gemini AI

DEV Community •
×

Full-stack developer Rachit Khurana rebuilt his portfolio using Google's Gemini 3 Pro in the Antigravity IDE. He fed his old Next.js site to the AI with a prompt demanding a unique, professional redesign using TanStack Start. The AI handled complex CSS animations, parallax effects, and responsive debugging through iterative prompting.

Khurana's stack includes React 19, TailwindCSS 4.0, Three.js, and Framer Motion, deployed on Google Cloud Run. The holographic design features glassmorphism and hidden easter eggs. This approach showcases how AI can accelerate front-end development, moving beyond simple code generation to collaborative design iteration and complex animation implementation.

The project highlights a practical workflow: describe a vision, let AI generate implementations, and refine jointly. For developers, it demonstrates leveraging AI for tedious animation work while maintaining creative control. The open-source codebase offers a template for modern, performance-focused portfolios built with next-generation tools.