System Design
The site itself is a portfolio artifact: independently deployed services and support components coordinated in containers.
This portfolio site was built entirely by voice using Wispr Flow, GitHub Copilot, and OpenCode, including the site content, resume PDF, code, configuration, microservices, and infrastructure behind it. It was created from scratch rather than from a template, with most of the work done from an iPhone. GitHub Copilot reviewed the history of work I personally authored in more than 3,000 pull requests across 60 Git repositories over the past two years. It used that history to update the resume for my current role and improve how my skills and experience are described. The entire site was completed in a single day.
I am using these AI abilities in my day-to-day work to complete two weeks' worth of work in just a couple of days.
Architecture
Select a node to highlight component relationships and responsibilities.
Upstream public reverse proxy that receives internet traffic and forwards only allowed paths into this stack.
Internet access is controlled by the upstream reverse-proxy; gateway/routes stay internal and migrate runs only during deployment/startup.
Legend: HTTPS (external ingress), HTTP (internal request/response), SQL (persistent storage).
Service Inventory
Stack: External reverse proxy
Public ingress in front of this app stack
Stack: Next.js
Portfolio UI, timeline, and architecture pages
Stack: Nginx
Internal gateway routing frontend and API traffic
Stack: Fastify + PostgreSQL
Profile, competencies, and technology data
Stack: Fastify + PostgreSQL
Career timeline events and highlights
Stack: Fastify + PostgreSQL
Captures and aggregates page analytics
Stack: Flyway
Applies versioned schema migrations and managed site content before app services start
Stack: PostgreSQL 16
Persistent storage