Components Diagram
This is a high level diagram of our frontend components. It shows the relationship between container components (View components) and Common components.
A Form Module is a flexible component, where we can populate it with another component. For example, the "Farm information form" section of our workflow is a Form Module, which has it's input populated by FarmInfoForm component.
This allows our web application to be modularized and expanded in the future, since our FormModule will take care of repeating functionality such as expanding a form section, collapsing, moving to the next section, styling, and so on.
Each main section will need only to implement it's required inputs and functionalities. A Fields Information Form would require a list of added fields and a button for adding more fields, as an example.
The diagram can be edited here
Note: If you're viewing this in light mode, you're missing out 😆
author @GDamaso