Multi Step Process with Angular UI

I have requirement to build a Mortgage Application with seperate UI built using React and the core processing logic in Camunda. Camunda needs to expose a Single Process API which would process the UI request in a multi step process. UI is multi page wizard with each page needs some validation before proceeding to the next screen. Same process instance need to service the multi wizard screen flow. Is there any sample reference or examples around this?

What have you tried so far?

Hello Nail,

Thanks for the response. I am yet to start implementing the POC. The UI layer is totally decopuled and needs to just invoke the Process API for process the data entered in each page and then send the results back. Once user modifies the data the same needs to be sent back to the same process instance.

I was thinking of using Start /Intermediate and End Message Event. Below is the logical flow with layer of seperation.

This model already looks like it has a large number of mistakes - Are you intending to use this model for documentation or for automation/execution?

Hello Nail, This is just for documentation. However, I would like to know the mistakes which will help to do a better BPMN model.

Coming to the main problem statement how do you think we can model such requirements of multi activity with intermediate receive. With UI being managed by external App.