Open to relocation — Jena, Germany

Software DeveloperFrontend Architecture

I design React + TypeScript frontend architecture: reusable design systems, typed data layers and interfaces that stay fast as they scale — backed by enterprise software experience at Deloitte and 17+ production applications shipped end to end.

View My Work Download Resume

40+: Production Frontends Shipped
React + TS: Architecture & Design Systems
90+: Lighthouse Performance
Enterprise: Software Experience

frontend architecture

01Design tokenstheme
02UI primitivescompose
03Feature componentsassemble
04Typed data layerquery
05Ship + measuremeasure

vite build --mode production

→ route chunks split ✓

→ lcp 1.4s / cls 0.00 ✓

→ lighthouse perf 96

about

How I build frontends

Frontend architecture

Component boundaries.

Design systems

Token-driven UI kits with consistent spacing.

Performance & polish

Fast first paint.

experience

Where I have worked

Deloitte
Professional experience
Associate Analyst / Software Developer
Enterprise Software Development
- Guidewire PolicyCenter development and configuration
- Ratebook development across multiple lines of business
- Business logic in Gosu, data work with SQL
- Code reviews, defect investigation and resolution
Freelance Full-Stack Developer
Ongoing
17+ Production Applications
Frontend Architecture & Delivery Ownership
- React + TypeScript architecture and component libraries
- Reusable design systems built on semantic tokens
- Typed data layers over REST and GraphQL APIs
- Core Web Vitals tuning, code splitting and lazy media

frontend craft

Architecture, design systems, performance

React architecture

Routing — File-based routes, typed params, prefetch on intent
Components — Presentational / container split, no prop drilling
State — Server cache vs. UI state kept strictly separate
Data layer — Typed GraphQL / REST clients at one boundary
Boundaries — Error and suspense boundaries per feature

Design systems

Tokens — Semantic colour, spacing and radius scales in CSS
Primitives — Buttons, panels, pills built once as variants
Typography — Display / body / mono pairing with fixed scale
Theming — Light and dark from the same token contract
Motion — Shared easing and reveal timings across sections

Performance

90+: Lighthouse performance
< 1.5s: Largest contentful paint
0: Layout shift regressions
100%: Lazy-loaded media

Code-splitting, lazy media, prefetching on intent and typed data layers keep interaction cost low as surfaces grow.

stack

Frontend stack & tooling

TypeScript
React
Vite
SCSS
Tailwind CSS
Design systems
Component libraries
Accessibility (WCAG)
Animation & micro-interactions
Responsive UI
GraphQL
React Relay
TanStack Query
REST APIs
Zustand
PostgreSQL
SQL
Supabase
Authentication
Git / Bitbucket
Docker
Vite build config
Code reviews
Lighthouse / Web Vitals
n8n
AI API integrations
AI-assisted development
Workflow automation
Cursor
Antigravity
Lovable
Bolt
Guidewire PolicyCenter
Gosu
Jenkins
Jira
Jama

work

Production frontends I architected

Business site

Brand With Midas

Marketing platform for a brand studio

JavaScript
HTML
CSS
Responsive UI

View live

Gallery

ABI Galerie

Art gallery showcase

JavaScript
Image optimisation
Responsive UI

View live

SaaS platform

Indian Law Navigator

AI legal case management SaaS for Indian advocates

TypeScript
React
PostgreSQL
Auth & RLS

View live

17+

Production applications architected & shipped

Each one built on the same foundation: a shared design system, typed component architecture, accessible markup and a performance budget held to production.