|

WHAT

I designed and developed a new SaaS tool from scratch, enabling clients to create and manage custom product flows efficiently.

THE IDEA

The goal was to provide a way to handle additional metadata that could be injected into each element of the BPMN (Business Process Model and Notation). This would allow users to enrich workflows dynamically, improving flexibility and adaptability.

HOW

To achieve this, I implemented a Schema-Driven UI pattern, which enables a dynamic JSON-based interface to be attached to each bpmn element.

I built a custom wrapper library around React Hook Form, simplifying form management and ensuring a seamless developer experience.

The core concept was that each node in the BPMN schema was enriched with additional information from a dynamically generated form. This data was then stored in a context provider that wrapped the entire application.