SpendBoard
Finance dashboardShows product-grade frontend architecture for high-volume data UI: predictable state, table ergonomics, performance budgets, and calm scanning under pressure.
Design & build
Frontend/fullstack engineer focused on polished React and Next.js product surfaces, TypeScript architecture, SaaS workflows, testing discipline, and recruiter-readable engineering artifacts.
Flagship products
6
Live demos, case studies, and CI evidence
Core stack
React
Next.js, TypeScript, Tailwind CSS, Vercel
Proof style
CI/CD
Tests, smoke coverage, docs, architecture notes
Positioning
I build product-shaped software that communicates both UX taste and engineering maturity. The current portfolio is intentionally scoped around frontend architecture, fullstack constraints, AI workflows, runtime security, realtime data, and design-system thinking.
The public signal is evidence-driven: live deployments, architecture docs, typed case-study data, Playwright smoke tests, GitHub Actions, release checklists, and technical writing tied directly to shipped projects.
Project matrix
Shows product-grade frontend architecture for high-volume data UI: predictable state, table ergonomics, performance budgets, and calm scanning under pressure.
Design & build
Shows component API thinking, design-token restraint, accessible composition, and the judgment to make dense product surfaces readable instead of decorative.
Design & build
Shows secure frontend thinking, scoped ingestion, Redis-backed telemetry, dashboard UX, and the ability to turn education into a real product workflow.
Design & build
Shows realtime product engineering: workers, buffered queues, coalesced renders, calm motion, and instrumentation that explains whether the chart can be trusted.
Design & build
Shows library discipline: zero dependencies, small bundle size, browser APIs, event filtering, and production-shaped telemetry without framework weight.
Design & build
Shows applied AI product thinking: schema-first output, server-side risk boundaries, independently editable surfaces, persistence, and eval-minded architecture.
Design & build
Impact
Skills
React / Next.js / TypeScript / Tailwind CSS / Accessible primitives
URL state / TanStack Table / TanStack Virtual / Zustand / Postgres
Route Handlers / WebSockets / Workers / Redis / AI SDK
Dense layouts / Design tokens / Storybook / Case studies / Performance budgets
Runtime telemetry / Project scoping / Event envelopes / Rate limits / Alert policy
Narrative
2026 / Portfolio
Finance UI, design system, security, realtime, runtime, and applied AI projects.
2025 / Practice
Deepened focus on compact interfaces, case-study writing, and production-shaped portfolio work.
2025 / Open source
Dense UI and FrontGuard Agent packaged as reusable engineering artifacts.
— / Education
Computer science foundation behind the product-engineering work.
Keywords