← All projects

2026 – Present · Personal Project

Personal Portfolio

Personal Portfolio screenshot

Overview

My portfolio is a personal project I designed and built myself, using Next.js, TypeScript, Tailwind CSS, and Framer Motion. I wanted a space that actually represents who I am as a software engineer, and building it gave me real practice with front-end development and UI design. It's still evolving as I take on new projects and pick up new skills, and I use it to show my work, my experience, and how I'm growing as an engineer. Working on it also made me think through layout, responsiveness, and how someone actually moves through a site. I tried to be intentional about the details so it's easy to navigate.

Key Contributions

  • Designed and built the site from scratch using Next.js, TypeScript, and Tailwind CSS.
  • Used Framer Motion to add scroll animations and page transitions.
  • Built a responsive layout that adapts across mobile, tablet, and desktop.
  • Set up a shared data layer so each project's case study page pulls from the same source instead of being hardcoded.

Technologies

Next.jsTypeScriptTailwind CSSFramer MotionReact