Personal Portfolio Website

A full-stack personal portfolio built with Next.js 16 (App Router) and TypeScript, styled with Tailwind CSS v4 and shadcn/ui. The frontend layer combines several animation and interaction libraries — GSAP with ScrollTrigger, Lenis smooth scrolling, AOS, and an interactive 3D ID-card lanyard rendered with React Three Fiber, Drei, and Rapier physics — to create a fluid, responsive experience. On the backend, it uses Prisma with a PostgreSQL (Supabase) database, NextAuth v5 for authentication, Zod for schema validation, and a protected admin dashboard for managing projects and viewing page-view analytics. The result reflects both frontend polish and end-to-end engineering: type-safe data flow, optimized rendering, accessible components, and carefully tuned motion.