This Website (yes, this one)

Yes, the website you are currently browsing is also a project on this website. Very meta, I know.

I started with Antigravity to get a rough first version up, then rebuilt and redesigned everything from scratch. The component templates and layout were designed with Claude AI. The content, copy, decisions, and endless tweaking are all on me.

Honestly it started as "I just need a portfolio" and turned into one of my most ongoing projects. I've rewritten the hero copy at least five times. I still think about it.

Stack and what each piece does:

—Next.js 16 (App Router) - framework, routing, server components, and API routes
—TypeScript - type safety across all data, components, and API logic
—Tailwind CSS - utility-first styling with a custom warm dark theme
—GSAP + ScrollTrigger - hero entrance animation and scroll-driven section reveals
—Framer Motion - playground card drag interactions and modal transitions
—Resend - contact form email delivery with IP-based rate limiting
—Google Analytics 4 - custom event tracking for project clicks, blog reads, and contact form submissions
—Vercel - hosting, CI/CD, and custom domain (xuanbachmai.com via Namecheap DNS)
—Claude AI - component design, layout templates, and code generation
—Antigravity - used for the very first scratch version before the full rebuild

If you've made it this far into the project description, hi. You're very thorough.

GitHub Repository

Tech Stack

Next.js 16TypeScriptTailwind CSSGSAPFramer MotionResendGoogle Analytics 4VercelClaude AIAntigravityVery Meta