Frontend architekt — Liberec
Tlačítko postavené stejně jako moje platformy.
Navrhuju a vedu frontend platformy — kód, na kterém staví další týmy — pro pojišťovnictví, energetiku a automotive. Tady jsou základy: šest kroků, popořadě, žádný se nepřeskakuje.
Josef Kvapil · senior frontend architekt · React & TypeScript · 10+ let · bankovnictví, pojišťovnictví, energetika, automotive · Liberec, CZ
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.
architektura · leadership · React · TypeScript · TanStack
Co umím
Co do projektu přináším.
- 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ářů
- 02
Vedení frontend týmů
dodáno — vedení FE týmů: veřejná mobile-first samoobslužná aplikace a digitalizace prodeje energetického giganta
- 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
- 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.
O mně
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
- 2021 — teďTrasksenior frontend vývojář → architekt & team lead — bankovnictví, energetika, pojišťovnictví
- 2019 — 21LundegaardJavaScript vývojář — React a Angular na velkých korporátních aplikacích
- 2018 — 19TraskJavaScript vývojář — Angular, JSP, občas Java
- 2015 — 17C26.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
Kontakt
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
další skica může být vaše