Highlights
What I built
- Reusable card and detail layouts across projects.
- Media support for images, videos, and generated visuals.
- Structured project data model for scalable updates.
← Back to Projects
Full-StackIterating
Portfolio Website
This site, built as an evolving engineering journal.
I treat this as a living system instead of a static portfolio. The project section itself now runs from reusable data so future additions are faster and more consistent.
- Date
- 2025-2026
- Signal
- Meta
- Build stage
- Continuous iteration
- Stack
- Next.js, React
metadesign-systemdocumentation
Site preview
Project notes
Architecture
How the system works
- Centralized project objects power home cards, list page, and detail pages.
- Components handle mixed media without custom per-project UI work.
Challenges
What made it hard
- Keeping the site personal while scaling structure and consistency.
Lessons
What I learned
- A portfolio should show process, not just polished outcomes.
Stack / materials
Next.jsReactTailwindFramer Motion
- This system is intentionally set up so adding projects is mostly data entry.
Media timeline
Build photos, clips, and process visuals. The goal is to show how the project evolved, not just the final screenshot.
Build snapshot
Iteration snapshot
Gallery 3