Welcome to my portfolio site — a clean, modern, and animated developer bio built with 💻 Next.js 15, 🎨 TailwindCSS, 🧠 Sanity CMS, and 🌀 Framer Motion.
This site is where I show off my work, talk a bit about what I’m into, and wave at visitors like a polite nerd emoji.
- 👋 Animated intro using Framer Motion
- 🌗 Dark mode toggle (persists using localStorage + system preference)
- 🎨 Responsive & modern design using TailwindCSS
- 🧾 About page with dynamic CMS-driven "Currently Working On" cards
- 🖼️ Sanity CMS integration for managing project content + current work
- 🧠 Github Projects Page pulling public repos from GitHub
- ✨ Framer Motion animations on emojis, icons, and page elements
- 🔗 Social links with hover glow effects
- ❌ Custom 404 page that still looks cooler than 90% of real websites
- 📸 Image galleries with interactive concept art and development timelines
- 🔄 Live content updates using Sanity's experimental live API
| Tool | Description |
|---|---|
| Next.js | React framework with App Router |
| TypeScript | Strong typing, developer peace of mind |
| TailwindCSS | Utility-first CSS for fast styling |
| Framer Motion | Animations & interactive motion |
| Sanity CMS | Headless CMS to manage project content |
| GitHub API | Live fetch of public repos (Projects) |
| React Icons | Beautiful, easy-to-use icon library |
| Node.js | Backend runtime for server-side logic |
| WebSockets | Real-time communication for multiplayer |
| Prisma | Database ORM for structured data |
| Styled Components | CSS-in-JS for dynamic styling |