Personal Portfolio Website

2026
7 Technologies
completed

The site you're on — a fast, responsive personal portfolio built with Next.js and TypeScript, featuring an interactive terminal interface, a 3D skills sphere, light/dark theming, and SEO-optimized, accessible pages.

Personal Portfolio Website - Image 1

Tech Stack

Next.js
React
TypeScript
Three.js
Tailwind CSS
Framer Motion
Vercel

Project Details

  • Built with Next.js (App Router) and React 19 in TypeScript, styled with Tailwind CSS and animated with Framer Motion.
  • Designed an interactive retro-terminal interface — boot sequence, typed commands (skills, projects, experience), command history, and keyboard-driven site navigation.
  • Created a 3D interactive skills sphere with Three.js via React Three Fiber, featuring drag-to-rotate controls and theme-aware rendering.
  • Implemented light/dark theming with next-themes and a cohesive, brand-consistent design system.
  • Optimized for SEO and performance with metadata, Open Graph tags, an auto-generated sitemap, semantic HTML, and reduced-motion support for accessibility.
  • Integrated a contact form, a Medium writing section, and analytics; continuously deployed on Vercel.

Explore More Projects

Discover other projects in my portfolio showcasing different technologies and approaches