3.1. Frontend solution FS1

Location in code

./frontend-solution-f1

Summary

Angular with Material UI

Framework

• Angular, as a first try due to familiarity

UI approach

• Angular Material

Choosing a component based solution since I don't expect the UI's to be too customized or complex. Having out of the box components for common use-cases like buttons, forms, tables, etc. should suffice.

Also the 'angular material' one since it is a common / defacto solution and hopefully straightforward.

• CSS Flexbox

Using the flexbox layout approach to arrange elements that require a specific positioning.

Additional considerations

In General

• Trying to code in a reactive way using RxJS as described here
• More declarative than imperative (minimizing subscribes)
• Standalone components approach, as described here

For PD1

• Trying the new typed forms
• Implementing pagination with MatTable + fetching items per page (API integration)