Pojišťovací platforma
Enterprise pojišťovací platforma postavená na React a TypeScriptu: validačně náročné formuláře, vícekrokové cesty pro nabídky a likvidace škod a architektura navržená tak, aby absorbovala regulatorní změny bez rewritu.
Přehled projektu
Enterprise pojišťovací platforma podporující generování nabídek, správu pojistek a workflowy pro likvidaci škod. Produktovému povrchu dominují dlouhé, podmíněné formuláře, kde každé pole má pravidla, každý krok závisí na předchozí odpovědi a každá změna má compliance dopady.
Pixel&Code přispěl k frontendové architektuře a dodávce: schema-driven vrstva formulářů, předvídatelný stav napříč vícekrokovými cestami a testovací přístup, který dává byznysu jistotu v regulovaných workflowech.
Obchodní výzva
Pojišťovací workflowy se brání snadné abstrakci. Pole formuláře se objevují a mizí podle předchozích odpovědí. Validační pravidla se liší podle jurisdikce. Interní produktové týmy potřebují dodávat změny často — a každá změna musí být auditovatelná.
Ručně psaný formulář pro každý produkt udělal kódovou bázi křehkou. Nové regulace nebo produktové varianty spouštěly průřezové změny a testovací povrch rostl rychleji, než tým stíhal.
Dodané řešení
Formuláře jsou definované jako data: typované schéma popisuje pole, podmíněnou viditelnost, validaci a závislosti. Malá rendering vrstva mění schéma v UI a samostatná validační vrstva ho mění v pravidla. Business týmy mohou přidávat nebo měnit pole úpravou schématu, inženýři dělají review pro správnost.
Vícekrokové cesty jsou koordinované state machine, která zachycuje právní flow explicitně — co je dovoleno, co je blokováno, kde uživatel může pokračovat. Testy cílí na state machine a schema vrstvu přímo, takže změna jednoho formuláře nevyžaduje retestování celé aplikace.
Klíčové funkce
Schema-driven formuláře
Typovaná schémata popisují pole, podmíněnou viditelnost a validaci — UI je tenká render vrstva.
State-machine cesty
Nabídkové, pojistkové a škodní flowy modelované explicitně, takže přechody jsou auditovatelné a obnovitelné.
Validace dle jurisdikce
Validační pravidla se liší podle regionu bez forkování kódové báze — pravidla žijí vedle schématu.
Robustní persistence
Dlouhé formuláře se automaticky ukládají a obnovují, s detekcí konfliktů mezi zařízeními a taby.
Přístupnost
Formuláře splňují WCAG požadavky out-of-the-box — focus management, asociace chyb a klávesová podpora jsou součástí rendering vrstvy.
Cílené testování
State-machine a schema-level testy pokrývají chování; UI snapshoty pokrývají regrese tam, kde záleží.
Technologie
Frontend
- React
- TypeScript (strict)
- React Hook Form
- XState
Validace
- Zod / Yup
- Schema-driven pravidla
- Server-side zrcadlení
Testování
- Vitest / Jest
- Testing Library
- Playwright
Tooling
- ESLint + Prettier
- CI/CD pipelines
- Type checks v CI
Výsledky
Rychlejší regulatorní reakce
Změny schématu se dodávají bez průřezových refaktoringů.
Auditovatelné flowy
State machines dělají každý přechod explicitním a testovatelným.
Méně kódu formulářů
Povrch formulářů se zmenšil, jak se duplicitní logika přesunula do schema vrstvy.
Předvídatelná přístupnost
WCAG chování je zapečené v rendereru, ne přilepené per formulář.
Poznatky
- Pokud vaše business logika zní „toto pole se objeví, když má jiné hodnotu X", váš kód by neměl být psán jeden formulář po druhém. Schémata se vyplatí podruhé, co kopírujete podmínku.
- State machines přemění implicitní business pravidla na explicitní, testovatelné přechody. Také dělají z obnovitelných cest vedlejší efekt, ne funkci.
- Validace musí být zrcadlená na serveru. Validace pouze na klientovi je bezpečnostní a integritní problém v regulovaných doménách.
- Přístupnost patří do rendering vrstvy. Pokud si na ni musí každý formulářový tým vzpomenout, někdo to nezvládne.
Související služby
Stavíte nebo škálujete pojišťovací platformu?
Pomáháme týmům navrhovat frontendy, které vydrží proti podmíněným formulářům, regulatorní změně a důkladným audit logům.
info@pixelandcode.cz