Convert components in Adobe XD designes(10 simple form-heavy pages) to Angular 10+, HTML and SCSS.

-I want to use Angular Open Source Component Solution [login to view URL] as component skelatons instead reengineering the checkbox, buttons, lists, dropdowns etc. -You 'just' need to override the components there as PrimeFaces (Angular) supports overriding/theming stuff with CSS classes. So you will create CSS classes to make it look like my Adobe XD designs. The result should be at least %90 same with my designes. Also for the components which is not found the similar in the PrimeNG, you need to create a wrapper angular component to make it look like it is or mix a few to create one component from them, there are only a few like this, not much. So ,there are nearly 10 components to develop the CSS classes, which 3 of them requires a little custom things(mixing a few components together, mixign with div etc under guidance of me) This is the job. You need to have previous angular development experience as you would sometimes use :host {} etc in components styles and need to develop them as ready to be used easily from my team. You need to extract the colors to SCSS variables, instead of embedding colors directly, to let us change them easily later on and bind them to my own variables in global css files later on.