← back to works

Personal Portfolio

live

Designer + Developer — end-to-end ownership

Next.jsReactTypeScriptTailwind CSS

screens

Home page — skills and bio
1 / 6

Home page — skills and bio

01

the problem

Generic portfolio templates don't reflect personality or design sensibility. I wanted something that felt intentional — a site that is itself a case study in design thinking.

02

the process

Fully custom Next.js application designed and built from scratch. Every page has its own theme and purpose — a home page with skills, a work grid with project detail pages, a Barnes & Noble style bookshelf, a TV show tracker powered by the TVmaze API, and a contact page with live Seattle weather from Open-Meteo.

03

the solution

A portfolio where every design decision is intentional — custom fonts, celestial aesthetic, weather-reactive atmosphere, and project pages with full-bleed image carousels, timelines, and case study structure covering problem, process, and solution.

timeline

1
ConceptJan 2025
2
DesignFeb 2026
3
BuildFeb 2026
4
LaunchMar 2026

key features

Project detail pages with full-bleed carousel, lightbox, and timeline
Barnes & Noble bookshelf with 3D card flip revealing rating and notes
TV show tracker with TVmaze API search, status tabs, and suggestions notepad
Live Seattle weather from Open-Meteo — rain, snow, stars, lightning effects
Press Start 2P + Germania One typography — celestial medieval aesthetic
Resume served securely from /private/ with rate limiting
Dark / light mode throughout with weather-reactive backgrounds
Responsive layout — mobile hamburger nav, hidden cat on small screens