5+ years of shipping frontends

Golf-fleet operations software: two React apps, an Android WebView shell and the deployment pipeline behind every customer environment.

In production at Ak Bars Golf Club (Kazan) and Skolkovo Golf Club (opens in a new tab) (Moscow)

• Architected two React and TypeScript applications for golf-fleet operations, covering live Leaflet maps, vehicle telemetry, zone drawing, scorecards and marshal messaging; supported offline tablet use with Workbox.
• Generated typed API clients and TanStack Query hooks from OpenAPI using Orval; added Zod validation and Valtio state management across shared frontend modules.
• Built a Kotlin Android WebView shell with a bidirectional JavaScript bridge for GPS, vehicle telemetry, battery status and speed limits; delivered English, Russian and Tatar interfaces.
• Integrated CAN/LIN telemetry with the Android and web layers and wrote a Python utility that decodes battery and motor-controller messages from a YAML signal map.
• Reduced new-customer and staging deployment from approximately 2 days to 5–10 minutes by consolidating customer repositories and automating provisioning with Ansible and CI/CD.
• Automated Docker, Nginx, Compose, environment configuration and MongoDB backups; provisioned Vault with AppRole, KV secrets and audit logging to retrieve deployment credentials.
• Built GitHub Actions release workflows with staging/production selection, component image tags and cross-repository deployment triggers.

• React
• TypeScript
• TanStack Query
• Orval
• Zod
• Valtio
• Leaflet
• Workbox
• Kotlin
• Ansible
• Docker
• Vault
• GitHub Actions

A browser-based 3D workspace for industrial welding and Directed Metal Deposition, replacing a legacy system.

• Developed a React and React Three Fiber workspace for industrial welding and Directed Metal Deposition, including STEP rendering and URDF robot visualization as part of an ongoing legacy-system migration.
• Established the TanStack Start codebase with Tailwind CSS, shadcn/ui and TanStack Query; separated browser CAD rendering from backend topology parsing.
• Added TypeScript checks, ESLint, Prettier, Husky pre-commit hooks and CI scripts; contributed to weld-edge selection, torch orientation and robot-connection workflows.

• React
• React Three Fiber
• Three.js
• TanStack Start
• Tailwind CSS
• shadcn/ui
• OpenCascade.js

An AI video editor: uploads, transcripts, captions, overlays and in-browser encoding.

• Built an AI video editor in React and Ant Design with uploads, transcripts, captions, image overlays, Google OAuth and account-management flows.
• Implemented browser-based trimming and encoding with Vidstack and FFmpeg.wasm, and synchronized editing events with the backend through Socket.io.
• Introduced Zustand for newer editor features alongside legacy Redux Toolkit state; standardized forms with React Hook Form and Yup.

• React
• Ant Design
• FFmpeg.wasm
• Vidstack
• Socket.io
• Zustand
• Redux Toolkit

Enterprise accounting and bilingual e-commerce for customers across the GCC.

• Built a Next.js accounting application used by 500–700 enterprise customers across the GCC, with role-based access and AG Grid invoice tables handling 50,000+ rows.
• Delivered an Arabic/English e-commerce platform with Redux Toolkit, Google/GitHub OAuth, cart and coupon features, and right-to-left (RTL) layouts.

• Next.js
• React
• Redux Toolkit
• AG Grid
• OAuth
• RTL