Stabilized a fragile kiosk app with React Router and Vite—without stopping delivery.
mazon's Store-within-a-Store needed a dependable interactive platform on constrained BrightSign hardware after its early delivery path lost continuity. Its React app had become one prop-drilled screen, so every new feature put the rest of the retail experience at risk.
I mapped the existing behavior, then introduced a React Router hash shell route by route. That strangler migration kept the experience live while I separated state and responsibilities, moved MQTT only after each route was stable, and built a smaller surface to render, test, support, and hand over. I set the direction in one month; the next was for recovery paths, build documentation, and team ownership.
- 01A hash-router shell and shared debug layer made every screen recoverable on kiosk hardware.
- 02Vite defines, async imports, and a custom location-asset plugin shipped only the exact content each store needed—and failed clearly when configuration was wrong.
- 03Error boundaries, logging, and last-stable-state recovery turned non-critical failures into a manageable support path.
Made nationwide university discovery feel navigable.
oalBound helped students and universities form teams around scholarship opportunities, bringing contacts, costs, coverage, and school context into one decision surface. I joined on a tight schedule to make its nationwide data usable rather than overwhelming.
I built the schools map with Leaflet, open map providers, light and dark modes, and H3 indexing. The result turned country-scale information into a navigable product layer—and established the foundation for future views of recruiting patterns, student origins, and state-level insight.
- 01Leaflet map layers in light and dark mode plus H3 indexing kept university data legible at country scale.
- 02Zoom-aware hexagon aggregates combined scheduled materialization from Amazon RDS for PostgreSQL, spatial Redis caching, and direct low-density calculations.
- 03React Query cancelled stale map requests; event-driven updates refreshed changed hexagons without saturating the backend.
Turned a useful civic app into an explored multi-tenant product.
aragracia began as a free transit app for Alta Gracia and reached 2.5k+ installs with a 4.7-star rating. I joined shortly after its original civic success, shaped the product and internal workflows, and helped evolve it into MiBus: a multi-tenant SaaS direction explored in depth with the Villa Allende municipality, though it remained a prototype rather than gaining commercial adoption.
Discovery came directly from passengers, drivers, and operators. I designed complete apps in Figma—flows, mockups, components, visual systems, and interactive prototypes—then moved into engineering the tools and real-time architecture behind them.
- 01Direct conversations with passengers, drivers, operators, and the municipality grounded product decisions in operating reality.
- 02A PocketBase and Redis event architecture combined fresh real-time data with durable persistence and controlled SQLite WAL migrations across instance swarms.
- 03A cacheable Hono relay served fresh vehicle locations without saturating durable storage.
Cut 90% of CSS weight from a federated frontend platform.
dMachina's federated frontend carried overlapping Vuetify and Tailwind payloads across its microfrontends. The task was not simply to make pages lighter; it was to give leadership and remote teams a migration path they could adopt without pausing product work.
I co-designed and prototyped runtime CSS deduplication with UnoCSS, giving remotes a smaller shared styling contract. In two weeks it cut CSS bundle weight by 90%; asynchronous Module Federation bootstrapping and corrected Nginx WebSocket upgrades restored dependable HMR, while generated TypeScript declarations replaced loose any with a usable contract for all five developers on the team.
- 01UnoCSS runtime deduplication replaced overlapping legacy CSS payloads and reduced bundle weight by 90% in the first two weeks.
- 02WebSocket upgrades through Nginx and asynchronous Module Federation bootstrapping restored dependable HMR across remotes.
- 03vite-plugin-dts made the shared UI library publish typed contracts instead of leaking any across applications.
Modernized client platforms without slowing the agency down.
t CourtAvenue, teams came to trust my technical judgment across retail, e-commerce, and generative-AI products. I owned stack choices and assessments, helped forge engineering standards, mentored teammates, and was assigned important client portfolios because I could turn constraints into a credible path forward.
For Genjo, a lean embeddable chatbot and Next.js admin product helped lift dealership conversions 6×. For Catapult, I migrated Nuxt 2 to 3, rebuilt state and data loading, and shipped a Grammarly-style AI editor. At Holly Hunt, I exposed missing capabilities and SOAP backend constraints, reframed scope with the client, protected the deadline, and improved the relationship through close calls and real-time collaboration.
- 01Genjo's embedded chatbot widget used deliberate code-splitting to stay small and contributed to a 6× dealership conversion increase.
- 02Catapult's Nuxt 2-to-3 migration rebuilt state and data loading while adding a Grammarly-style AI suggestion editor for retail PDPs.
- 03A requirements assessment for Holly Hunt made backend constraints and missing capabilities explicit, enabling a realistic scope and an on-time delivery.
