The latest articles on DEV Community by Astha Singh (@aaastha_singhhh_ad32cd0b3). https://dev.to/aaastha_singhhh_ad32cd0b3 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3713039%2F505fd137-c14d-4e34-bb16-474f0329a0f7.jpg https://dev.to/aaastha_singhhh_ad32cd0b3 en Astha Singh Sun, 01 Feb 2026 17:05:02 +0000 https://dev.to/aaastha_singhhh_ad32cd0b3/i-built-a-dual-theme-portfolio-using-antigravity-5e4f https://dev.to/aaastha_singhhh_ad32cd0b3/i-built-a-dual-theme-portfolio-using-antigravity-5e4f <p>This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI </p> <p>--labels dev-tutorial=devnewyear2026</p> <p><strong>About Me</strong></p> <p>Hi 👋<br> I’m a frontend-focused developer &amp; Ai enthusiast.<br> With this portfolio, I wanted to move beyond a static résumé and create something that feels alive, cinematic and personal—while still being usable &amp; creative.</p> <p>**<br> Portfolio** </p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy9qcuweb16ntmi8xn416.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy9qcuweb16ntmi8xn416.png" alt=" " width="800" height="353"></a> <br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj7aktqu0u7bnjeanb95j.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj7aktqu0u7bnjeanb95j.png" alt=" " width="800" height="343"></a></p> <p>🚀 Live Portfolio (Vercel — Google Cloud Run wasn’t free)<br> 👉 <a href="https://new-year-new-me-portfolio.vercel.app/" rel="noopener noreferrer">https://new-year-new-me-portfolio.vercel.app/</a></p> <p>⚠️ Best viewed on desktop for the full animation and interaction experience.</p> <p><strong>How I Built It</strong></p> <p>This portfolio was built as a dual-theme experience:</p> <ul> <li>Tech OS Mode – clean, white layout</li> <li>Space Void Mode – cinematic, sci-fi, animation-heavy experience</li> </ul> <p><strong>Tech Stack &amp; Tools</strong></p> <ul> <li>React (Next.js) + TypeScript</li> <li>GSAP &amp; Framer Motion – animations and transitions</li> <li>Three.js shaders – visual effects</li> <li>Antigravity IDE – planning, iteration and animation debugging</li> <li>Gemini – logic planning, math assistance and optimization</li> <li>Groq API – AI-powered interactions</li> <li>EmailJS – contact system</li> <li>Google Whisk / Flow + royalty-free assets – visual creation</li> <li>Deployed on Vercel</li> </ul> <p><strong>What I’m Most Proud Of</strong></p> <ul> <li>A true dual-theme portfolio where switching themes changes the entire experience, not just colors</li> <li>Cinematic, multi-phase transitions instead of traditional loaders</li> <li>Theme-aware SVGs and UI elements for visual consistency</li> </ul> <p>I also came across google whisk &amp; flow and experienced how amazing they are to generate images &amp; videos. </p> <p>My Github Link- <a href="https://github.com/AsthaS822" rel="noopener noreferrer">https://github.com/AsthaS822</a></p> <p>Thanks!!</p> devchallenge googleaichallenge portfolio gemini