← All work
Rapid Prototyping System
A reusable prototyping harness built directly inside real production codebases, verified by 250+ automated tests before a line of production code shipped.
The problem
Instead of mocking new flows in a design tool, I built infrastructure to prototype directly inside the real production frontends, gated behind a dev-only toggle that leaves live production behavior completely untouched by default. Stakeholders click through something functionally real: real components, real state, real edge cases, not a static comp that looks right until someone asks "what happens if I click that."
What I built
- A reusable "prototype lane" pattern applied across three separate codebases: a session-scoped mode switch (default Live means zero behavior change to real users), with one clean seam per screen for swapping in the real integration once a design is validated.
- A recoup re-authorization flow prototyping the recovery path for a customer whose payment account gets blocked. Full 4-state lifecycle, verified end-to-end.
- A cashback offers admin rework that flipped the entire permission model and rebuilt status logic from a manually-set field into a fully computed value. Shipped in about a week.
Stack
React / TypeScript on real production codebases, Playwright for end-to-end verification, Jest for unit tests, feature work isolated to git branches.