Skip to content

Portfolio v1

First-generation portfolio website focused on clean UI, responsive layouts, and project storytelling.

2024Next.js, React, TypeScript, Tailwind CSS, Portfolio

Problem

I needed a personal site to present my work professionally and give recruiters/clients a single destination for projects, technical background, and contact details.

Constraints

  • Needed to be fully responsive across desktop/tablet/mobile
  • Had to communicate technical depth without overwhelming non-technical visitors
  • Required simple maintenance and quick content updates

Key Decisions

  1. Content-first structure

    The site needed to stay maintainable as new projects and achievements were added.

    Organized project information in structured data objects to separate content from presentation.

    Trade-off: Slightly more upfront structure, but much easier long-term updates and consistency.
  2. Responsive-first design

    A meaningful portion of traffic would come from mobile devices.

    Designed sections and cards to adapt fluidly across breakpoints from the start.

    Trade-off: More layout testing effort, but significantly better cross-device UX.
Timeline
2024
Stack
Next.js, React, TypeScript, Tailwind CSS, Portfolio