Overview
Architecture overview of the patient-facing Lab Forms renderer in crelio-app (patient-ui).
👤 Ritu Kataria📅 Updated: Mar 13, 2026🏷️ feature
crelio-app (Patient UI) — Overview
The crelio-app patient portal (static/patient-ui/src/) is a React + Redux application that renders Lab Forms for patients. It is used for Consent form submission and AOE capture in the CRM context.
The patient UI renders forms from a JSON configuration returned by the backend renderer API — the same configuration engine that powers the admin configuration flow. There are no hard-coded fields; the entire form structure is config-driven.
Key Source Locations
| Layer | Path |
|---|---|
| Form Renderer Engine | components/Controls/Form/JsonToForm.tsx |
| Form Config Utils | components/Controls/Form/formUtils.ts |
| Field Component Mapper | components/Controls/Form/ControlMapper.tsx |
| Consent Form Page | views/Patient/ConsentForm/ |
| AOE Forms Section | views/Sections/AOEForms/ |
| Field Controls | components/Controls/ |
| Redux Store | redux/ |
| API Client | utils/request.tsx |
Supported Use Cases
| Use Case | Route | Form Type |
|---|---|---|
| Patient consent form | /patient-consent/:formId | consent |
| AOE capture in CRM | /sections/aoe-forms/ | aoe |
For the full rendering pipeline and component hierarchy, see Form Rendering Engine.