Přeskočit na hlavní obsah
LK.

Lukáš Kvapil · Full-stack webový vývojář

Životopis

Devět let v softwaru — od technické dokumentace k návrhu systémů: hlavní vývojář design systému helsinského dopravního podniku, architekt a později technický vedoucí reklamní platformy jednoho z největších českých mediálních domů. Baví mě vymýšlet, jak má systém fungovat — a pak ho postavit.

Kontaktinfo@lkweb.devČeská republika

Praxe

Senior full-stack vývojář

SnowlyCodeOlomouc, ČR

Softwarová firma; dlouhodobé zakázky v roli vývojáře, technického vedoucího a architekta. Aktuálně pro HSL, dopravní podnik hlavního města Helsinky; předtím tři roky pro mediální dům Economia (viz Vybrané projekty).

Podrobnosti
  • Pro HSL od roku 2023: hlavní vývojář design systému, vedoucí frontendový vývojář portálu pro cestující, k tomu hsl.fi a e-shop s jízdenkami.
  • Pro Economii v letech 2020–2023 (Aktuálně.cz, Hospodářské noviny) — nejprve jako architekt knihovny pro načítání reklamy, později jako technický vedoucí týmu vyvíjejícího interní systém pro správu reklamy.
  • Z kratších zakázek například reklamační formulář pro doručovací službu nebo interní software zahraniční banky.
  • Každodenní práce: TypeScript napříč stackem, návrh architektury a API, revize kódu a mentoring, komunikace v angličtině přímo s týmy klienta.
  • TypeScript
  • React
  • Next.js
  • Node.js
  • Architektura
  • Technické vedení

Senior frontendový vývojář

TraskVzdáleně, ČR

Pilotní projekt pro mezinárodní investiční banku: přepis rozhraní interní aplikace pro sledování probíhajících obchodů a hodnot akcií z Electronu do Reactu — jeden z deseti vývojářů vybraných z přibližně tisíce uchazečů.

Podrobnosti
  • Postupná modernizace starší desktopové aplikace v mezinárodním týmu napříč několika časovými pásmy.
  • Práce v přísném compliance režimu banky: svěřená technika, přístup pouze přes vzdálenou plochu, žádný kód mimo prostředí klienta.
  • Dohodnutý rozsah byl dodán; širší spolupráce byla ukončena na obchodní úrovni.
  • React
  • TypeScript
  • Electron

Technický písař a frontendový vývojář

CodasipBrno, ČR

Tady jsem přešel od psaní o softwaru k jeho psaní: zodpovědnost za technickou dokumentaci softwaru pro návrh IoT čipů, pak automatizace v Pythonu, SQL za interními dashboardy a firemní web.

Podrobnosti
  • Zodpovídal jsem za technickou dokumentaci produktů firmy — psaní, revize a udržování příruček i referenční dokumentace v aktuálním stavu.
  • Postupný přechod k vývoji: automatizační skripty v Pythonu, SQL dotazy za interními dashboardy, poté frontend.
  • Vývoj a správa firemního webu a interních systémů.
  • Technická dokumentace
  • Python
  • SQL
  • JavaScript
  • WordPress

Vybrané projekty

Design systém

HSL — dopravní podnik hlavního města Helsinky

Hlavní vývojář React komponentové knihovny za digitálními produkty HSL — postavena od nuly, publikovaná jako npm balíček, přijatá většinou produktových týmů. Mám na starost návrh API komponent, verzování a releasy.

Podrobnosti
  • Začínal jsem s několika převzatými komponentami; všechno ostatní — návrh API, proces releasů, dokumentace ve Storybooku — vzniklo od začátku znovu.
  • Distribuční model jsem navrhoval dvakrát — nejprve přes interní balíčkový registr, později jako publikovaný npm balíček.
  • Když je konzumentem většina produktových týmů, záleží na návrhu API a důsledném verzování víc než na přidávání funkcí.
  • React
  • TypeScript
  • Storybook
  • npm
  • Design systémy
  • Návrh API

Portál pro cestující, hsl.fi a e-shop s jízdenkami

HSL — dopravní podnik hlavního města Helsinky

Vedoucí frontendový vývojář zákaznického portálu městského dopravního systému, v týmu tří až čtyř — aplikace v Next.js s finštinou na prvním místě, přísné požadavky veřejného sektoru na přístupnost a integrace mnoha odlišných API. Zároveň security champion týmu.

Podrobnosti
  • Návrh architektury a zabezpečení citlivých scénářů — rodič jednající za dítě, ověření průkazu důchodce z aplikace mobilní peněženky.
  • Přispíval jsem také na hsl.fi, do e-shopu s jízdenkami a do backendu portálu v Nest.js.
  • Jako security champion: absolvované školení, zodpovědnost za threat modelling a za prosazování bezpečnostních postupů a nástrojů do projektů.
  • Podíl na pilotování automatizace pomocí AI, včetně automatických oprav zranitelností.
  • Next.js
  • React
  • TypeScript
  • Nest.js
  • Azure
  • Optimizely CMS
  • Přístupnost
  • Vitest
  • Cypress

Platforma pro načítání reklamy a vývoj pro redakce

Economia

Architekt knihovny pro načítání reklamy, která běží na všech webech mediálního domu za Aktuálně.cz a Hospodářskými novinami — pět milionů reálných uživatelů měsíčně. Později technický vedoucí čtyřčlenného týmu, který stavěl systém pro správu reklamy.

Podrobnosti
  • Analyzoval jsem, proč se reklama na webech skupiny načítá pomalu a selhává, a následně navrhl knihovnu, která nahradila původní řešení.
  • Knihovna řešila načítání skriptů a závislostí a dávala všem webům jednotné deklarativní rozhraní pro objednání reklamy.
  • Postavil jsem ji důsledně na principech funkcionálního programování s architekturou inspirovanou Fluxem a Reduxem, což výrazně zvýšilo předvídatelnost a sledovatelnost chování a poprvé umožnilo složitější scénáře načítání.
  • Vývoj produktu pro Aktuálně.cz a Ženu.cz (vlastní PHP CMS a šablonovací systém s Reactem nad ním).
  • Tým vyvíjející systém pro správu reklamy jsem vedl jako technický a architektonický vedoucí, s přesahem do scrum a projektového řízení; React aplikace běžela celá na AWS Amplify, který si tým spravoval sám.
  • JavaScript
  • TypeScript
  • React
  • Funkcionální programování
  • AWS Amplify
  • PHP

Vzdělání

Bc., Angličtina v elektrotechnice a informatice

Vysoké učení technické v BrněBrno, ČR

Obor na pomezí jazyka a techniky — důvod, proč mi psaní specifikací jde stejně přirozeně jako psaní kódu.

Dovednosti

Jazyky
TypeScript — denně · JavaScript — denně · Python — dobře · SQL — základy
Frontend
React · Next.js · SCSS · Storybook · Zustand · React Query · Redux · Tailwind CSS · Figma · Přístupnost (WCAG)
Backend a API
Node.js · Nest.js · REST a návrh API · GraphQL · Optimizely CMS · WordPress
Infrastruktura a nástroje
Azure · CI/CD v Azure DevOps · AWS Amplify · Docker · GitHub Actions · Vite · Monorepa · Publikování npm balíčků
Testování
Vitest (unit testy) · Cypress (end-to-end testy)
Způsob práce
Návrh a dokumentace architektury · Design systémy · Technická dokumentace · Threat modelling · Technické vedení · Mentoring · Vývoj s podporou AI · Mezinárodní distribuované týmy

Jazyky

Mluvené
Čeština — rodilý mluvčí · Angličtina — plynule slovem i písmem (certifikát C2) · Španělština — základy · Francouzština — základy