logo

Portfolio

Portfolio

My personal portfolio website designed and built from scratch with Next.js, Tailwind CSS, and ShadCN.

Role: UI Designer, Front-End Developer

Tools: Next JS, Typescript, Tailwind CSS, ShadCN

Duration: ~3 weeks

UX Design

wireframe

  • Sketched low-fidelity wireframes to plan layout and content flow
  • Ensured the portfolio felt like a “journal/blog” while remaining functional

UI Design

look And Feel

  • Minimal, clean design with a playful touches.
  • Focused on readability, hierarchy, and giving personality

Development & Implementation

Frontend: Next.js + Typescript + Tailwind CSS + ShadCN UI

Devops: Cloudflare

Challenges

  • Learning Next.js on the go (SSR vs SSG differences, dynamic routing)
  • Deploying on Cloudflare Pages, handling SSR nuances
  • Deciding between SSG vs dynamic routing for project pages — currently dynamic.

Final Product

Portfolio delivers:

  • A portfolio that reflects both my personality and technical skills
  • Fully responsive, playful but functional design
  • Self-contained project with live deployment