Login

My personal site. The layout borrows from code editors: collapsible sidebar, breadcrumbs, command palette, and a small terminal.
Next.jsShadcnMotionOne Dark
Role
Designer & Developer
Timeline
2026
Stack
Next.js 15TypeScriptTailwind CSS v4Shadcn UIMotion
Problem
Most developer portfolios fall into one of two buckets: a plain resume page or an over-designed marketing site. Neither tells you much about how the person works.
Solution
I built this site to mirror the stack I work in most: Next.js apps with a typical SaaS shell. The chrome looks like an IDE, the typography uses JetBrains Mono with a One Dark color scheme, and a small terminal lets curious visitors run a handful of commands. Components are built on Shadcn UI with Motion handling animations.
Highlights
- ·IDE-style layout with sidebar, breadcrumbs, and command palette
- ·One Dark color scheme with light and dark theme support
- ·Typewriter intro, animated counters, and staggered entrance animations
- ·Hidden terminal with a small set of commands
- ·Live GitHub activity pulled from the public API