Important notes

Normally, this page would not be needed as Angular is a very opinionated framework and their docs would suffice. However, this project did not follow the default structure and setup and needs additional documentation.

File structure

Normally, Angular apps use a modulair structure where different parts of the app are split across modules. Within this webapp, there just two modules; Portal and Routing. Most of the app is written inside the src/app/dashboard/ folder and the routing is therefore almost always prefixed with /dashboard/**/*.

Design and styling

The project uses multiple styling libraries/frameworks:

• Bootstrap
• PrimeNG
• Angular Material
• TailwindCSS (prefixed with tw-)

Besides these dependencies, we also have written our own global(!) css theme. It is important to note that this file, in some cases, overwrites the above-mentioned libraries/frameworks as well as vanilla HTML tags with !important. Hence, making it very difficult/tricky to make any style changes. This is located in the src/app/css/ folder.