The latest articles on DEV Community by Sayandeep Dutta (@usersam7). https://dev.to/usersam7 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%2F3390932%2F39ec73aa-a1e3-459b-9b2a-08f4119d9f9e.jpg https://dev.to/usersam7 en Sayandeep Dutta Mon, 26 Jan 2026 03:10:27 +0000 https://dev.to/usersam7/i-saw-antigravity-i-prompted-i-conquered-4102 https://dev.to/usersam7/i-saw-antigravity-i-prompted-i-conquered-4102 <p><em>This is a submission for the <a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31">New Year, New You Portfolio Challenge Presented by Google AI</a></em></p> <h2> About Me </h2> <p>Hi, I am Sayandeep Dutta, an undergrad pursuing Computer Science and Engineering. I usually spend my time closing GitHub issues. </p> <p>I have worked on a couple of projects — Code Sensei and Eco-Todo are the best ones so far. I ship code, work on building my startup, and network all day round with passionate individuals.</p> <h2> Portfolio </h2> <p><strong>🔗 Live Portfolio:</strong><br> <a href="https://port-web-hhdr7uoq3a-uc.a.run.app/" rel="noopener noreferrer">https://port-web-hhdr7uoq3a-uc.a.run.app/</a></p> <div class="ltag__cloud-run"> <iframe height="600px" src="https://port-web-hhdr7uoq3a-uc.a.run.app/"> </iframe> </div> <h2> How I Built It </h2> <p>Well, portfolios nowadays are getting out of hand. Instead of something super complex, I decided to create a simplistic one, giving it a bit of modern and artistic feel with papers and ink, doodles, and other interesting animations.</p> <p><strong>Starting with AI Studio and ending at Antigravity!</strong></p> <ul> <li>I made the main website on AI Studio and added elements like animations, art, and text, fine-tuning it on Antigravity.</li> <li>Framer Motion powers parallax hero elements, staggered TextReveal letters, and magnetic buttons; the modal gallery reuses AnimatePresence for graceful open/close.</li> <li>Lenis provides easy, weighty scrolling so the sticky project stacks feel anchored while cards scale/rotate with progress.</li> </ul> <h3> Tech Stack </h3> <ul> <li>Vite + React 19</li> <li>TypeScript</li> <li>Tailwind-style utility classes + lucide-react icons</li> <li>Framer Motion for animations</li> <li>Lenis for smooth scrolling</li> <li>Docker + Nginx; Cloud Run/Cloud Build</li> </ul> <h2> What I'm Most Proud Of </h2> <p>My website blends editorial aesthetics with modern web portfolios. The paper texture background, hand-drawn doodle overlays, polaroid-style profile photo with a Bengali caption ("হ্যালো ! কি খবর"), and playful sticky note elements create a unique and elegant identity.</p> <ul> <li>The editorial encounter with rotating headlines gives a magazine-like feel at the start of the page.</li> <li>Project Cards that scale as you scroll, each with different skins and styles, having a butter smooth animation.</li> <li>Pop-up project cards with description, UI, and a terminal feel.</li> </ul> devchallenge googleaichallenge portfolio gemini