Senior / Staff Frontend Engineer — з 2007 року

Будую інтерфейси для даних, які не стоять на місці.

Телеметрія бурових, енергомережі Європи, телемедицина, живе відео. Дев’ятнадцять років роблю важкі real-time продукти миттєвими — і веду команди, які їх створюють.

Краків, Польща

років у фронтенді
0
років у фронтенді
швидший рендер графіків
~0×
швидший рендер графіків
галузі: енергетика, медицина, медіа, фінтех
0
галузі: енергетика, медицина, медіа, фінтех
публікація про компілятори
IEEE
публікація про компілятори

01 — Витоки

2001

Львівська політехніка

Комп’ютерна інженерія, системне програмування. Алгоритми, структури даних — і фізичний рівень під ними.

Національний університет «Львівська політехніка», головний корпус
49.8353° N, 24.0144° E
EST. 1844 · LITTERIS ET ARTIBUS
2001→2007
Національний університет «Львівська політехніка», головний корпус. Photo: Netmate, CC BY-SA 3.0

02 — Шлях

2007
2007–200901
Аналітика

IOIX Ukraine

Frontend Engineer

Платформа аналітики відвідувачів у реальному часі; переконав перевести корпоративний PHP-рушій на XHR/AJAX.

2009–201202
Web OS

ViaCube

Frontend Engineer

Компоненти вебової операційної системи: редактор презентацій, файловий менеджер. Dojo, Comet.

2010–201503
Пошук і P2P

Archify GmbH / Freelance

Browser Extension Specialist

Приватний пошуковик (blippex.org): WebRTC peer-to-peer клієнт усередині браузерних розширень для 5 браузерів з анонімним обміном даними.

201304
Enterprise

SoftServe

Frontend Engineer

Календарна система керування сповіщеннями для корпоративного планування (ExtJS).

2013–201605
Фінтех

EPAM Systems

Frontend Team Lead

Керував командою з 8 людей: фінтех-платформа та система бронювання готелів.

2016–202106
Стрімінг

Hitbox Entertainment

Lead JS / Mobile Engineer

Міграція Cordova → React Native, нативні HLS-модулі, live-вікторина під навантаженням.

2019–202307
Енергомережа ЄС

ENTSO-E

Senior Frontend Engineer

Геопросторова енергоплатформа з нуля, система подання TYNDP, монорепозиторій.

2023–202508
Телемедицина

Emmacare

Acting Tech Lead & FE Architect

Монорепо, аудит безпеки, WebRTC-відео, теми дизайн-системи.

2025–now09
Нафта й газ, IoT

Corva.ai

Senior Frontend Engineer

Бурова телеметрія у великому масштабі: віртуалізація, воркери, архітектура, якою керує AI-асистент.

2026–now10
Громадські дані

kiedykarta.pl

Власний продукт

Реальні терміни очікування карти побуту в Польщі — від ідеї до продакшену.

2008201120142017202020232026
03 — Енергетика та промисловий IoT · Буріння

Corva.ai

груд. 2025 — досі

Senior Frontend Engineer

Власник застосунків для звітності з великими даними: високочастотна бурова телеметрія, оброблена й відмальована з мінімальною затримкою.

  • Віртуалізовані графіки

    ~40× — швидший рендер графіків

    Отримав повільний застосунок з великими даними і побудував для його графіків власний движок вікон: рендер за сталий час незалежно від розміру даних, з нативною фізикою скролу та крос-фільтрацією.

  • Міграція, незалежна від рендерера

    >10× — коротші найгірші фризи

    Зробив прототип рендеру на GPU (WebGL), звів усі висновки у специфікацію — конвертація → модель → рендерер — з матрицею паритету й каталогом пасток і за нею провів міграцію на canvas-рендерер за одну AI-сесію.

  • Архітектура для AI

    2× — покриття AI-інструментами

    Переробив захардкоджену поведінку на конфігуровану модель налаштувань, якою безпечно керує AI-асистент платформи — перевірені записи, детекція застарілого контексту, undo — і приблизно вдвічі розширив покриття AI-інструментами.

  • Глибина ↔ час

    O(log N) — проєкція подій

    Мапінг координат і компактизація високочастотних бурових часових рядів: префіксні суми, кусково-лінійна інтерполяція та бінарний пошук для проєкції подій на нелінійні осі.

  • Часові ряди з розривами

    каскади — реактивна фільтрація

    Відмовостійкий шар, що вирівнює пошкоджені й розривні часові ряди, і реактивна фільтрація — каскадні правила, злиття інтервалів — в одному з найнавантаженіших застосунків платформи.

  • Поза головним потоком

    0 — фризів під час великих експортів

    Пул Web Worker-ів під кількість ядер пристрою, zero-copy передача і планувальник зі ковзним вікном: великі експорти даних більше не фризять інтерфейс.

  • Тисячі запитів під контролем

    1000s — паралельних запитів, стабільно

    Перебудував шар завантаження даних: чанкінг, повтори, агрегація, скасування через AbortController — вузьке місце, що валило застосунок, стало стабільним.

QUATERNARYSHALESANDSTONELIMESTONERESERVOIRBASEMENTMEASURED DEPTH0 mROP m/hWOB klbfRPM rpmILLUSTRATIVE · SYNTHETIC DATAVIRTUAL WINDOWonly the visible window is drawn · O(1)
СтекReactTypeScriptHighchartsEChartsCanvasSVGWebGLTanStack QueryTanStack VirtualMUIWebSocketsWeb WorkersLLM tool-callingAbortController
04 — Охорона здоров’я та телемедицина

Emmacare

лип. 2023 — груд. 2025

Senior FE Engineer · acting Tech Lead & FE Architect

Відповідав за фронтенд-архітектуру й технічні рішення, працюючи напряму з CEO та CTO в умовах постійних змін пріоритетів.

  • Два проєкти — одне монорепо

    2–4× — швидша міграція фіч

    Обґрунтував і провів об’єднання: єдина версія Ant Design, TypeScript з глобальною системою типів, React Query замість legacy Redux.

  • Аудит безпеки

    XSS → CSP — захищена поверхня

    Проактивний аудит виявив XSS-вразливості; запровадив санітизацію контенту, CSP та найкращі практики JWT.

  • Теми замість BEM

    tokens — єдине джерело стилів

    Замінив legacy BEM на теми на токенах Ant Design — давні CSS-конфлікти зникли, дизайн-система стала реальною.

  • Допомога в реальному часі

    WebRTC — відеовізити

    Відеоконференції на WebRTC / Amazon Chime SDK, бібліотека графіків з темами на Recharts, розклади на FullCalendar.

  • Команда

    lead — архітектура й люди

    Менторинг з архітектури, код-рев’ю, співбесіди, онбординг, демо та оцінювання задач.

care-portal · visit #4821REC 12:47
Dr. M. · clinician
Patient
72
BPM
monorepo merge
clinician-apppatient-apppackages/*
antd v4+v5 → v5 · JS → TS · Redux → React Query
СтекReactTypeScriptAnt DesignTanStack QueryRechartsFullCalendarAmazon Chime SDKWebRTCWebSocketsReduxSCSSpnpm monorepoWebpackFigmaXSS/CSP
05 — Енергетика · Інфраструктура енергомережі ЄС

ENTSO-E

жовт. 2019 — лип. 2023

Senior Frontend Engineer

Платформи для європейської мережі операторів систем передачі: геодані, регуляторні подання та звіти.

  • Геоплатформа з нуля

    0 → 1 — з нуля

    Спроєктував платформу для геопросторових і статистичних енергоданих: API-контракти, структури даних, стек. Mapbox з власними data expressions і GeoJSON-шарами через turf.js; адмінка на Refine.dev.

  • Порятунок TYNDP

    AngularJS 1.2 — стабілізовано й розширено

    Перейняв систему подання Ten-Year Network Development Plan на AngularJS 1.2, яку попередні підрядники зробили непідтримуваною; переписав на компоненти, відкрив шлях до React і вклався в жорсткі регуляторні дедлайни ЄС.

  • Звіти без бекенду

    PDF у воркерах — без дублювання логіки

    Спільна кодова база для сервісів і генерація PDF у браузері через pdfMake у Web Worker-ах — відмальовані дані одразу йдуть у звіт.

  • Монорепо для екосистеми

    1 — фронтенд-екосистема

    Спільні бібліотеки для автентифікації ADFS/MSAL, графіків і геокомпонентів.

GeoJSON · Mapbox expressions
turf.buffer · turf.within
СтекReactTypeScriptAngularJSMapboxturf.jsGeoJSONRefine.devAnt DesignNivoReact QuerypdfMakeWeb WorkersStorybookAzure DevOpsMSAL.jspnpm monorepo
06 — Стрімінг і медіа

Hitbox Entertainment

січ. 2016 — бер. 2021

Lead JS / Mobile (React Native) Engineer

Високонавантажена стрімінгова платформа — конкурент Twitch, — і live-вікторина, конкурент HQ Trivia.

  • Cordova → React Native

    RN — нова мобільна платформа

    Запропонував і провів міграцію мобільної платформи з Cordova/AngularJS на React Native — помітний приріст швидкодії рендерингу та UX.

  • Нативний HLS

    low-latency — міст до ExoPlayer

    Власні нативні модулі для HLS-відтворення через ExoPlayer на Android з низькою затримкою.

  • Вікторина наживо

    піки — синхронізація через HLS

    Real-time вікторина, що витримує масові піки підключень, синхронізована через WebSockets і HLS data frames.

  • Стрімінговий PWA

    PWA — офлайн + push

    Прогресивний вебзастосунок на React + Workbox: єдиний досвід стрімінгу в браузерах, офлайн-режим, синхронізація push.

21:005G ▮▮▮
● LIVE👁 18,400
pro_streamer
Ranked · EU
Follow
nova POG that clutch
kr4ken stream is buttery on mobile now
mila 🔥🔥🔥
dzhe gg wp
xX_fr4g how is latency this low??
Send a message…
Cordova · AngularJS
24fps
СтекReact NativeReactTypeScriptReduxExoPlayerAndroid SDKHLSChromecastApollo GraphQLJanus WebRTCWorkboxStyled Componentsi18nextReact-Admin

07 — Обраний проєкт

kiedykarta.pl↗

жовт. 2026 — досі · власний · у продакшені

~0k
публічних повідомлень
0
груп спільноти
~0
унікальних кейсів
WarszawaKrakówWrocławPoznańGdańsk

Частка кейсів, що досі чекають

KM · 95% CI
0%25%50%75%100%090180270360днів від подання

Ілюстративна крива Каплана–Мейєра з довірчим інтервалом

01

Дані

Щоденний конвеєр на Node/TypeScript — збір → багатомовний парсинг правилами → злиття кейсів. Статистика чесна навіть на неповних даних: діапазони Каплана–Мейєра і позначки малої вибірки.

02

Продукт

React + статичний пререндер TanStack Start, власні SVG-графіки, PWA з офлайн-режимом; кейси від читачів з безпарольним входом (Telegram, Google, passkeys) на Cloudflare Functions + D1.

03

Доставка

GitHub Actions → Cloudflare Pages майже безкоштовно. Приватність понад усе: псевдонімізація, аналітика без cookies. Зроблено з Claude Code — на мені задача, доменні правила й перевірка; агент писав код і тести.

0
пререндерених сторінок
0
мов
0
автотестів
≈0
вартість хостингу
ReactTypeScriptTanStack StartViteNode.jsVitestGitHub ActionsCloudflare PagesD1PWAd3-geoClaude Code
Відкрити kiedykarta.pl ↗
React✦TypeScript✦WebGL✦Web Workers✦ECharts✦Highcharts✦Mapbox✦WebRTC✦React Native✦TanStack✦React✦TypeScript✦WebGL✦Web Workers✦ECharts✦Highcharts✦Mapbox✦WebRTC✦React Native✦TanStack✦
Canvas✦GeoJSON✦HLS✦PWA✦Node.js✦GraphQL✦WebSockets✦Claude Code✦d3-geo✦Vite✦Canvas✦GeoJSON✦HLS✦PWA✦Node.js✦GraphQL✦WebSockets✦Claude Code✦d3-geo✦Vite✦

08 — Стек

Мови та фреймворки

05
  • React
  • TypeScript
  • JavaScript (ES6+)
  • React Native
  • Node.js

Архітектура

09
  • Monorepos (pnpm, Webpack)
  • SSG / prerendering
  • PWA & service workers
  • TanStack Query
  • Zustand
  • REST
  • GraphQL
  • WebSockets
  • WebRTC

Візуалізація даних

10
  • ECharts
  • Highcharts
  • SciChart (WebGL/WebGPU)
  • Custom SVG
  • Mapbox
  • d3-geo
  • turf.js
  • Nivo
  • Recharts
  • FullCalendar

Продуктивність

06
  • Custom virtualization
  • Web Workers, zero-copy
  • Canvas / WebGL
  • Code splitting
  • Bundle optimization
  • Binary search, prefix sums

UI-системи

07
  • Ant Design
  • MUI
  • Refine.dev
  • Styled Components
  • SCSS
  • Figma
  • Storybook

Безпека та якість

06
  • XSS/CSP audits
  • Sanitizing
  • JWT best practices
  • Jest
  • Vitest
  • React Testing Library

CI/CD та інфраструктура

03
  • GitHub Actions
  • Cloudflare Pages / Functions
  • Azure DevOps

AI-assisted engineering

04
  • Spec-driven agent workflows
  • Claude Code
  • Cursor
  • LLM tool-calling
ДомениЕнергетикаНафта й газМедицинаСтрімінгФінтех