front endactive· jul 2024 – present
portfolio
this portfolio: a minimal, keyboard-friendly space for projects, work, and proof of how i build.
next.jstailwind cssshadcn ui
role
designer, developer, and owner
impact
acts as a living proof-of-work system for projects, writing, career history, and live presence.
challenge
a personal site needs personality without becoming noisy, and it has to stay easy to update as the work changes.
architecture
how the pieces connect
1
interface
next.js, tailwind css, shadcn ui
2
workflow
built around a minimal terminal-inspired visual system with keyboard-friendly navigation.
3
data and rules
kept navigation keyboard-friendly because the site leans into a terminal feel.
01 — approach
- built around a minimal terminal-inspired visual system with keyboard-friendly navigation.
- kept core content in typed data structures so project and career updates stay simple.
- kept the strongest recruiter signals close to the top: projects, experience, stack, resume, and contact.
02 — outcome
- a compact portfolio that feels personal instead of generic.
- fast access to resume, links, and project proof.
- a foundation for deeper case studies and richer project storytelling.
03 — decisions
- kept navigation keyboard-friendly because the site leans into a terminal feel.
- kept content data-driven so pages can grow without rewriting layouts.
- kept the visual system consistent so spacing and hierarchy carry the design.
04 — lessons
- personal sites work better when they show how someone thinks, not just what they used.
- a strong visual system can stay simple if the spacing and hierarchy are consistent.
05 — next steps
- add a real portrait asset when available.
- continue turning featured projects into deeper case studies.
- publish more build logs from the work behind the site.
stack
next.jstailwind cssshadcn ui