Frontend Architecture Overview - UBCC3/UI GitHub Wiki

Content

  1. Framework
  2. File Structure
  3. NgRx
  4. App State

Framework

Built with Angular16 using tailwindCSS for styling alongside daisyUI. Colour parameters are set inside tailwind.config file.

File Structure

The structure of the project is currently set up so that the directories in Features are the routes. Each directory in Features would be the container of that route and would consist of component folder which would contain all the components for that page

Shared directory contains code (components, models, services) shared across multiple part of the project

Store directory contains all NGRX related code

NgRx

The overall flow of the state-management will follow:

App State

Notification should also be included in the AppState when specifications have been figured out. Can be part of the user state or a separate state.