# Hiten Patel · Senior Frontend Engineer

> Freelance and contract senior frontend engineer based in Reading, Berkshire (UK). 17 years building complex React and TypeScript web platforms for global brands including global pharma, enterprise SaaS, and Sony PlayStation.

I take on senior-level frontend contracts and freelance projects: greenfield React + TypeScript builds, complex feature delivery, performance and accessibility work, and tech-lead engagements. Day-rate engagements, UK remote, with occasional on-site in London and the Thames Valley.

## Profile

- [hiten.dev (homepage)](https://hiten.dev/): Senior frontend contractor profile, project history, and contact

## Case studies

- [Selected work](https://hiten.dev/work/): Nine case studies covering enterprise frontend (enterprise SaaS, global healthcare) and full-stack/mobile side projects
- [Enterprise SaaS learning platform: schema-first codegen on AEM](https://hiten.dev/work/aem-codegen-platform/): One YAML per component generates TypeScript types, Lit scaffolds, AEM dialogs and HTL across around 25 production AEM components (40+ with the Lit atoms they compose from). Lit 3, Vite 7, TypeScript 5.9, progressive hydration, zero-touch deploys to Adobe Cloud Manager. Authored the architecture and ~99% of the repo.
- [Global healthcare: four years across regulated platforms](https://hiten.dev/work/regulated-healthcare/): Overview of four years for a global healthcare company (via a consultancy), linking to three deep-dive case studies, plus the search architecture, accessibility work and analytics framework that span the whole engagement.
- [Clinical trial finder for a global healthcare company](https://hiten.dev/work/clinical-trial-finder/): A Solr-indexed clinical trial registry on AEM with Vue 3, TypeScript and Pinia. A dual pending/committed filter model serves four search entry points (URL, guided wizard, autocomplete, facets), a six-screen guided wizard drives conversion, and a from-scratch fix restores an anchor-wrapped menu button to NVDA and keyboard users.
- [Regulated forms for a global medical information portal](https://hiten.dev/work/regulated-forms-platform/): Country and language specific sites for legally mandated safety reporting (adverse events, complaints, temperature excursions). A form engine infers its state machine from authored markup so non-developers compose regulated forms without a release. A from-scratch accessible combobox (~530 lines) and ARIA grid date picker (~915 lines) close gaps the component library left open.
- [A strangler-fig migration on a global scientific content platform](https://hiten.dev/work/design-system-migration/): A 37-component Lit 3 + TypeScript web component library runs alongside a legacy HTL/Handlebars/Vue 2/jQuery stack in production, bridged by typed CustomEvent contracts. Includes a pipeline that compiles production AEM HTL templates directly inside Storybook using Adobe's JS HTL engine.
- [Slipstream (hand-built local-first sync engine)](https://hiten.dev/work/slipstream/): Linear-style issue tracker on a sync engine written from scratch: optimistic mutations, server-authoritative mutation log with MongoDB-transaction total ordering, offline queue with exponential-backoff retry, Yjs CRDT for descriptions only, poke-over-WebSocket / pull-over-HTTP. React 19 + Next.js 15 App Router, with a streaming AI triage panel (SSE rationale, Zod-validated label/priority/duplicate suggestions applied through the normal mutator path). Live demo at tracker.hiten.dev, open source at github.com/hitenpatel/slipstream.
- [IronPulse (self-hosted fitness platform)](https://hiten.dev/work/ironpulse/): Next.js 15, React Native 0.81, tRPC, PostgreSQL/PostGIS, PowerSync offline-first, passkeys, Stripe. Solo monorepo build with an autonomous deploy agent.
- [RadioShake (Android + Wear OS internet radio)](https://hiten.dev/work/radioshake/): Kotlin + Jetpack Compose, Media3/ExoPlayer, three modules (phone, Wear OS standalone, Android Auto), Chromecast support, 45,000+ stations from radio-browser.info
- [Strata (design system built to be rethemed)](https://hiten.dev/work/strata/): 20 framework-agnostic Lit 3 + TypeScript web components on a two-tier design-token architecture with a documented ::part() theming surface. Dark mode and accent variants are attribute switches; a complete alternative identity (Sediment) ships as a single CSS file to prove the surface is complete. 151 tests in real Chromium with axe checks on every component. Live Storybook at ui.hiten.dev, open source at github.com/hitenpatel/strata.

## Areas

- React, TypeScript, Next.js
- Frontend architecture and performance
- Accessibility (WCAG 2.2)
- Design-system / component-library work
- CI/CD for frontend monorepos (pnpm workspaces, Biome, Vitest)

## Notable clients

- Global pharmaceutical client
- Enterprise SaaS learning platform
- Sony PlayStation

## Side projects

- [Slipstream](https://tracker.hiten.dev/): Local-first issue tracker on a hand-built sync engine, with streaming AI triage (one-click demo workspace)
- [Strata](https://ui.hiten.dev/): Web-component design system; live Storybook with theme, accent and skin switching
- [Curb](https://a11y.hiten.dev/): AI accessibility auditor — deterministic axe-core detection, LLM-proposed fixes re-verified by axe, eval-gated deploys (in development)
- [DevToolbox](https://devtoolbox.blog/): Frontend tooling and homelab blog
- [RadioShake](https://radioshake.media/): Internet radio app for Android and Wear OS

## Contact

- Email: hello@hiten.dev
- Phone: +44 7827 443 288
- [hiten.dev](https://hiten.dev/) (homepage, with FAQ and contact details)

## Optional

- [Full case-study content (llms-full.txt)](https://hiten.dev/llms-full.txt): Concatenated full-text of the case studies in one file, for AI assistants that want the complete bodies rather than the section headlines.
- [Frequently asked questions](https://hiten.dev/#faq): Day-rate, IR35, availability, frameworks, sectors, location, response time.
- [About page](https://hiten.dev/about/): Single-page entity bio with photo, full career history, and certifications.
- [Colophon](https://hiten.dev/colophon/): How hiten.dev itself is built and run; hand-written HTML, self-hosted fonts, self-hosted Forgejo CI, WireGuard deploys, Umami analytics.
- [Downloadable CV (PDF)](https://hiten.dev/cv.pdf): Print-ready CV.
- [MCP server](https://mcp.hiten.dev/): Live Model Context Protocol endpoint (streamable HTTP at https://mcp.hiten.dev/mcp, no auth) exposing this profile as structured tools: get_profile, get_skills, get_experience, get_projects, get_project, search_writing, ask_cv.