Portfolio Website

This portfolio was designed and developed to showcase my work as a Full Stack Developer. It emphasizes clean UI, fast performance, and scalable project architecture.

You can view the github repo here.


🎯 Goals

I wanted this portfolio to reflect senior-level thinking: thoughtful design choices, scalable routing, reusable components, and space to grow. It needed to highlight my personal projects clearly and concisely, while looking sharp and performing fast.

⚙️ Features

  • Dark mode aesthetic with a custom color palette
  • Dynamic project routes with scalability in mind
  • Framer Motion animations for subtle interactivity
  • Typography pairing (Bebas Neue + Nunito)
  • Tailwind global utility styles for cleaner code

🧠 Lessons Learned

I spent time dialing in layout structure and typography to ensure a clean user experience. It taught me to treat even personal projects like production apps, from routing strategy to animation timing. Designing for reusability (like the Projects section) paid off as I began adding more content.

🛠 Tech Stack

  • Next.js 14 (App Router)
  • TypeScript
  • TailwindCSS
  • Framer Motion
  • ReactIcons