Senior Frontend Engineer & Product Architect.
Xan Torres. 14+ years building production web applications in TypeScript and React. I solve hard UI problems at scale and own features end-to-end, from data model through to pixel.
Engineering excellence.
System Design & Architecture
I map data flows, state boundaries, and primary interactions before the first component is written. Architecture that survives scale, team rotation, and the second rewrite.
Frontend Craft
Interaction design, Core Web Vitals performance, and accessibility treated as a first-class constraint, not a final pass. The surface is where the work becomes visible.
Product Mindset
I ship the thing that moves the business metric, not the thing that's easiest to specify. Comfortable with ambiguous requirements, stakeholder exposure, and scoping under pressure.
Scalable Codebases
Typed boundaries between layers, migrations that don't block shipping, CI that catches regressions before they reach main. I've joined codebases at every lifecycle stage and left them healthier.
Selected work.
- 2023FeatherSharkGovtech · Multi-tenant SaaS
Govtech FE: six migrations, zero deploy gaps.
Read case- JS files migrated to TS without blocking a release
- 229 → 0
- saved per inspection via AI-drafted reports
- 30 min
- 2025Sunflower GamesSocial Casino
Real-time admin, missions, and ops tooling.
Read case- roulette admin built from scratch
- Zero → prod
- ops onboarding via bulk import
- Hours → mins
- 2023MongoDBDeveloper Platform
Design-system and performance work on mongodb.com.
Read case- on mongodb.com landing pages
- LCP win
- of marketing forms migrated without regressions
- Hundreds
- 2025InplayFantasy Sports · Live
Live game formats and routing backbone.
Read case- game types shipped end-to-end
- 2 formats
- Socket.io leaderboards and live state machines
- Real-time
Approach.
- 01
Systems, not screens.
A small set of typographic, spatial, and motion primitives. Easier to extend, and easier to argue with, than a folder of one-off components.
- 02
Solid foundations, sharp surfaces.
Boring primitives at the core: a router, a form, a table. The considered work lives at the seams a user actually touches.
- 03
Single source of truth wins.
Client mirrors of backend calculations drift and create support tickets. The UI is a rendering layer over honest data, never a second authority.
- 04
Ship beats debate.
Async-remote native. A coherent choice I can defend beats a committee-driven compromise nobody owns.
Tools in daily use.
first
Frontend
- React 17/18/19
- TypeScript (strict)
- Next.js 13+
- Apollo Client
- Redux Toolkit · RTK Query
- TanStack Query · Table
- React Hook Form · Zod
- Storybook
Design Systems
- Component library architecture
- Tailwind CSS
- MUI · Radix UI · theme-ui
- Design tokens
- Module Federation
- Style isolation
- Accessibility (WCAG)
- Rive · Lottie
Backend (supporting)
- Node.js · NestJS · Express
- Prisma · Sequelize · TypeORM
- PostgreSQL · Redis
- WebSocket · REST · GraphQL
- AWS (RDS, S3, EKS, SSO)
- Docker · Kubernetes
Tooling & Testing
- Vite · Rsbuild · Webpack
- Turborepo · NX · pnpm workspaces
- Biome · ESLint · Prettier
- GitHub Actions
- Jest · React Testing Library
- Playwright · Cypress
Work together.
Fractional or embedded. EU/EMEA time zones, remote async-first. Open to short discovery sprints and longer product engagements.