Back to Projects

Web

Portfolio Website

Personal portfolio for Full Stack & Web3 opportunities

Portfolio Website project banner

Overview

This portfolio site presents my Full Stack and Blockchain work to recruiters — projects, experience, skills, and a clear call to contact.

It solves the need for a single, modern destination that shows both Web and Web3 capability without a cluttered template look.

Built for hiring managers reviewing entry-level Full Stack / Blockchain candidates.

My Role

Designed and developed the entire site in Next.js with Tailwind, Framer Motion, and a dark Web3-inspired visual system.

Tech Stack

Next.jsJavaScript

Key Features

  • Dark Web3-inspired visual design system
  • Responsive sections for About, Skills, Experience, Projects, Contact
  • Project detail pages with deep-dive case studies
  • Framer Motion interactions and scroll reveals
  • Deployed on Vercel for always-on demos

Challenges & Solutions

  • Challenge

    Avoiding a generic AI-looking layout while staying recruiter-clear in the first five seconds.

    How I solved it

    Locked a consistent SectionHeading pattern, glass cards, and one accent gradient reused across CTAs and chips.

  • Challenge

    Tailwind v4 naming collisions (e.g. color `base` vs font-size `text-base`) breaking desktop text color.

    How I solved it

    Renamed design tokens to `canvas` and used explicit size utilities where needed so colors stayed readable.