Přeskočit na hlavní obsah
Josef Kvapil
Josef Kvapil

Frontend architekt

Tlačítko postavené stejně jako moje platformy.

Navrhuju a vedu frontend platformy, na kterých staví další týmy, pro bankovnictví, pojišťovnictví, energetiku a automotive. Tady jsou základy: šest kroků, popořadě, žádný se nepřeskakuje.

React & TypeScript · 10+ let · Liberec, CZ

Ozvěte se

01 Architektura

Nejdřív nakreslím hranici.

tlačítko →
jedna komponenta, jeden jasný úkol
platforma →
jedna doména, jeden jasný vlastník

02 TypeScript

Pak otypuju, jak komunikuje.

tlačítko →
typované props mezi komponentou a volajícím
platforma →
typovaná rozhraní mezi týmy

03 Komponenty

Každý stav je rozhodnutí.

tlačítko →
hover, pressed, disabled: o každém rozhodnuto jednou
platforma →
tlačítka, formuláře, vzory: o každém rozhodnuto jednou, pro všechny týmy

04 Přístupnost

Funguje i bez myši.

tlačítko →
jeden focus ring, jeden 44px target
platforma →
stejná laťka na každé obrazovce: WCAG 2.1 AA

05 Review & AI

Pak se každý řádek musí obhájit.

tlačítko →
jeden diff: review, testy, podpis
platforma →
každý diff desítek vývojářů: stejná laťka

06 Dodávka

Nasazeno. Obojí.

tlačítko →
naživo v produkci, zmáčkněte si ho
platforma →
naživo pro banky, pojišťovny a energetiku

Platformy jsou těch samých šest kroků, jen ve větším.

Tohle portfolio jako logická hra: The Unbuilt

Co do projektu přináším.

  1. 01

    Architektura platforem a mikrofrontendů

    dodáno: architektura přestavby core systému velké pojišťovací skupiny: framework, který denně používají desítky vývojářů

  2. 02

    Vedení frontend týmů

    dodáno: vedení FE týmů: veřejná mobile-first samoobslužná aplikace a digitalizace prodeje energetického giganta

  3. 03

    Dodávka v regulovaných odvětvích

    dodáno: plně online založení bankovního účtu vč. ověření identity; bezpapírové zasmluvnění od A do Z

  4. 04

    Analýza a komunikace s klientem

    dodáno: analytická fáze sales a zákaznických portálů pro energetickou firmu: specifikace, na které staví dodávkový tým

Reálné dodávky; klienty záměrně nejmenuji.

Zajímá mě, jak věci fungují uvnitř.

První web jsem napsal v PHP v šesté třídě a od té doby mě to nepustilo. Dnes stavím na Reactu a TanStacku a vidím jim až pod kapotu. Rád zkoumám nové technologie a předávám je dál kolegům, ale vím, kdy projekt naopak potřebuje nudné a prověřené řešení. AI používám naplno každý den, s jedním železným pravidlem:

AI mě zrychluje, ale neřídí. Vibecoding není inženýrství.

Stack

denně
React · TypeScript · TanStack · Hono · Drizzle · Astro · MUI · Vite · Biome
prostředí
vim · tmux · Claude Code · Docker · GitLab CI · Jenkins · OpenShift
zorientuju se v
Angular · Java · Rust · Go · Elixir · Gleam

Kde jsem pracoval

  1. 2021-teď
    Trasksenior frontend vývojář → architekt & team lead: bankovnictví, pojišťovnictví, energetika, automotive
  2. 2019-21
    LundegaardJavaScript vývojář: React a Angular na velkých korporátních aplikacích
  3. 2018-19
    TraskJavaScript vývojář: Angular, JSP, občas Java
  4. 2015-17
    C26.czprogramátor: PHP, C, jQuery a první klienti

Pro pořádek

AWS Certified Cloud Practitioner · Anthropic Claude Code certifikace · mentoring a interní přednášky · CZ / EN / DE

Přineste mi tvrdý oříšek.

Rád se zakousnu do tvrdých frontend problémů: architektura, delivery i open source.

otevřený novým projektům · remote i hybrid · Liberec / Praha · CZ / EN