Tech Stack
Next.js
React
Typescript
Tailwind CSS
Three.js
Vercel
Description
This site is both my portfolio and a playground: Next.js 15 App Router, React 19, TypeScript strict mode, and a shadcn-style token system that powers seven distinct themes from a single component set.
Every section (skills, projects, experience, contributions, blogs, messages) is editable through a built-in admin panel backed by JSON content APIs with Zod validation, so the site never needs a redeploy for content changes.
- Built a 7-theme design system on hsl CSS variables with zero per-theme component code.
- Implemented full CRUD admin panel with Zod-validated content APIs for every section.
- Added React Three Fiber 3D elements and GSAP scroll animations while keeping Lighthouse performance 95+.
- MDX-based blog engine with frontmatter editing from the admin UI.
Page Info
Themeable Design System
Seven full themes (light, dark, retro, cyberpunk, paper, aurora, synthwave) driven entirely by CSS variables.