As a user I want see node's information in an Angular application with clean design and fast loading

[directcuteo]

I will create an Angular application where any user can see specific operations and information about the node. First page will be the resources page and it will show the consumed resources of the node.

• [x] Generate Angular SPA

• [x] Configure angular.json and schematics

• [x] configure tsconfig paths

• [ ] add app linter with linting command

• [x] Link application to backend's Graph QL api

• [x] add dependencies for Graph QL - install Apollo Angular

• [x] setup Apollo providers

• [x] create service and interface for interactions with Graph QL

• [x] add environment specific configuration for the application

• [x] add Angular Material Components

• [x] add dynamic theming for Angular Material Components

• [x] add dynamic themes for the application

• [ ] add typography for the application

• [x] add theme switcher service with local storage

• [ ] ensure lazy loading of styles

• [x] add Base styles for variables, layout, text and design

• [x] add Google Fonts

• [x] add AMCharts 5 dependency

• [x] setup AMCharts 5 and test with a demo graph

• [x] add NgRx dependencies

• [x] setup ngrx store

• [x] setup ngrx state

• [x] setup ngrx mega reducere and effects

• [x] setup ngrx-devtools

[directcuteo]

Setup of NgRx is Complete Setup of the theme is Complete

[directcuteo]

• Added Node status + block level
• Added a loading bar
• Added Error viewer + notifier
• Tooltip