DEV Community

Cover image for I saw Antigravity, I prompted, I conquered!
Sayandeep Dutta
Sayandeep Dutta

Posted on

I saw Antigravity, I prompted, I conquered!

#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

Hi, I am Sayandeep Dutta, an undergrad pursuing Computer Science and Engineering. I usually spend my time closing GitHub issues.

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.

Portfolio

🔗 Live Portfolio:
https://port-web-hhdr7uoq3a-uc.a.run.app/

How I Built It

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.

Starting with AI Studio and ending at Antigravity!

  • I made the main website on AI Studio and added elements like animations, art, and text, fine-tuning it on Antigravity.
  • Framer Motion powers parallax hero elements, staggered TextReveal letters, and magnetic buttons; the modal gallery reuses AnimatePresence for graceful open/close.
  • Lenis provides easy, weighty scrolling so the sticky project stacks feel anchored while cards scale/rotate with progress.

Tech Stack

  • Vite + React 19
  • TypeScript
  • Tailwind-style utility classes + lucide-react icons
  • Framer Motion for animations
  • Lenis for smooth scrolling
  • Docker + Nginx; Cloud Run/Cloud Build

What I'm Most Proud Of

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.

  • The editorial encounter with rotating headlines gives a magazine-like feel at the start of the page.
  • Project Cards that scale as you scroll, each with different skins and styles, having a butter smooth animation.
  • Pop-up project cards with description, UI, and a terminal feel.

Top comments (10)

Collapse
 
moopet profile image
Ben Sinclair •

I'd like to add some constructive criticism, since this is a site designed to get you noticed. Prospective employers need to not see anything glitchy or unexpected!

  • The mouse cursor disappears completely in the site when it's embedded here. Opening the site in a new tab makes the cursor work, but it's slow and glitchy.
  • Page scroll feels slow and inconsistent - whatever you're using to handle it might be unnecessary, and you could just let the native browser scroll work.
  • I'm not sure if it's intentional, but the right side and descender of the "p" in "deep" in the header are cut off and could do with a little padding.
  • The "focused with a playful pixel world." description text overlaps the gradient in your code example and is difficult to read. While trying to copy that text here a popup appeared, which is not what I would expect to happen during text selection.
  • It's not obvious what elements are clickable. For example, the words, "developer" and "security research" appear in capsules which look like buttons, but they aren't. The code sample has no indicator that it might be clickable, but in that case, it is.
  • You should let people close/navigate out of the popups using the keyboard, and disable the background scroll while the popup is open.
  • In the "experience" section, some (but not all) of the titles have a hover effect which changes their background colour. That makes it look like they're clickable as well, but they're not.

Most importantly, there're no accessibility considerations at all (which is exactly what I'd expect from an AI-generated site) I don't know how much luck you'd have re-prompting it to make things more accessible, but from what I've seen so far, AI is pretty bad at that even when you keep holding its hand.

I like the footer section, btw :)

Collapse
 
usersam7 profile image
Sayandeep Dutta •

Thanks for the review, I will work on the pointers. Well this was initially made for this particular challenge so I did it all with AI, and yes I shall be working on those mistakes.

Collapse
 
bbylumi profile image
OLUWAPELUMI •

wow, this is soo cool, great job

Collapse
 
usersam7 profile image
Sayandeep Dutta •

Thank you😊

Collapse
 
leob profile image
leob •

Pretty cool, unique and interesting, and all of that done with "just" AI - I like it!

Collapse
 
usersam7 profile image
Sayandeep Dutta •

Thank you😊

Collapse
 
uchindami profile image
Manfred__ •

This is the best design I have seen so far, but the performance is so bad.

Collapse
 
usersam7 profile image
Sayandeep Dutta •

Yeah sorry about the lag, well I plan to work on these issues and make it more efficiently instead of vibe coding the thing again. Thanks for your comment :)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.