Requirements

Node.js

For this project the version of node.js used is v8.10.0 (all downloadable links)

Angular CLI

Download and install globally the Angular CLI

npm install -g @angular/cli@1.7.3

Loopback

Install Loopback using the following command:

npm install -g loopback-cli@4.1.0

Fireloop

Install Fireloop:

npm install -g @mean-expert/fireloop@1.0.0-beta.2.7

Initializing a new project

fireloop

The first time it will geerate the Loopback server.

fireloop

The second time it will generate the angular project

Installing Angular Material

HowTo

Step 1 and 2, Step 3 is a little different as we create a specific module that import every components we need from Material

Configure Angular to use scss

When generating project

ng new my-app --style=scss

When project already exists

ng set defaults.styleExt scss

then modify every extension .css to .scss

Use Bootstrap Grid

Download the Boostrap sources (not compiled files). Create a "scss" folder at /src/. Put the Boostrap sources inside it Clean what you don't need: keep bootstrap-grid.scss with the files & folders imported:

@import "functions";
@import "variables";
@import "mixins/breakpoints";
@import "mixins/grid-framework";
@import "mixins/grid";
@import "grid";
@import "utilities/display";
@import "utilities/flex";

Import the bootrap-grid.scss in your style.scss as following:

@import '~scss/bootstrap-grid.scss';