what i build with

Animated skillset

Seven years building high-traffic payment systems where performance and craft both matter. Each card is a capability - what I reach for, why, and how it feels in motion.

7+years
20+projects
∞curiosity
Engineering
Type-safe APIs
Contracts shared from server to client. Errors caught before the request leaves the editor.
TypeScriptZodtRPC mindset
Engineering
Component architecture
Composable trees with clear data flow. State change in a branch only re-renders that branch.
ReactAngularNext.js
Engineering
State at scale
A single store, many subscribers. Actions in; only the right selectors light up.
ReduxSignalsNgRx
Performance
Core Web Vitals
LCP, INP, CLS - green is how the user feels it. The metrics Google scores; the metrics users live.
LCPINPCLS
Performance
Circuit breaker
Trip on errors, cool down, probe with one request, recover. Fail fast, recover gracefully.
ResiliencePayments
Performance
Caching strategy
Read-through, write-around, TTL. Fast path on hit; populate on miss.
RedisHTTP cacheSWR
Product / UX
Design tokens, live
One token rewires everything downstream. Click a swatch to feel the loop close.
FigmaTailwindCSS vars
Product / UX
A/B experimentation
Hypotheses, variants, traffic split. Confidence emerges from the data.
PostHogGAMixpanel
Product / UX
Accessibility & focus
Tab order, ARIA, contrast. Keyboard-first means everyone-first.
WCAGARIAkeyboard
Quality
Test pyramid
Lots of fast tests at the base, few slow ones at the top. Confidence without the wait.
JestPlaywrightWebdriverIO
Quality
CI/CD pipeline
Lint, test, build, deploy. A green main branch, every commit. Regular deployments maintaining quality.
Azure DevOpsGitNx
Quality
Logs, metrics, traces
Three pillars. Logs say what, metrics say how much, traces say where the time went.
SplunkDynatraceOTel