# loopback3-angular-starter

> Angular-Loopback

Latest version **1.0.0** (published 2017-12-13) · UNLICENSED license · 0 weekly downloads

## Install

```sh
npm install loopback3-angular-starter
pnpm add loopback3-angular-starter
yarn add loopback3-angular-starter
bun add loopback3-angular-starter
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-12-13 |
| First published | 2017-12-13 |
| Weekly downloads | 0 |
| License | UNLICENSED |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=4 |
| Dependencies | 9 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | rahulrsingh09 |

## Links

- npm: https://www.npmjs.com/package/loopback3-angular-starter
- npm.io page: https://npm.io/package/loopback3-angular-starter

## Dependencies (9)

- [cors](https://npm.io/package/cors.md) ^2.5.2
- [helmet](https://npm.io/package/helmet.md) ^1.3.0
- [loopback](https://npm.io/package/loopback.md) ^3.0.0
- [compression](https://npm.io/package/compression.md) ^1.0.3
- [loopback-boot](https://npm.io/package/loopback-boot.md) ^2.6.5
- [serve-favicon](https://npm.io/package/serve-favicon.md) ^2.0.1
- [strong-error-handler](https://npm.io/package/strong-error-handler.md) ^2.0.0
- [loopback-component-explorer](https://npm.io/package/loopback-component-explorer.md) ^4.0.0
- [@mean-expert/loopback-sdk-builder](https://npm.io/package/@mean-expert/loopback-sdk-builder.md) ^2.1.2

## Recent versions

- 1.0.0 (latest) — 2017-12-13

## README

# Loopback + Angular Starter

contributed by Rahul Singh <rahulrsingh09@gmail.com> and also a big shout out to Sirrele Steinfeld <admin@sirrele.io> her blog helped me a lot

### To Get your hands dirty directly 

Clone the repository <https://github.com/rahulrsingh09/Angular-LoopbackStarter.git> and then do a npm install in the root directory for Loopback and then cd client and npm install for Angular . 


* Install Angular-CLI
   ```
    npm install -g @angular/cli 
   ```
* Install Loopback CLI
   ```
    npm install -g loopback-cli
   ```

* The Current setup uses Angular (v5) pentagonal-donut and loopback 3.x

Props to Sirrele Steinfeld and her [Blog](https://www.sirrele.io/blog_post_6_lb_ng.html), from which
i took guidance to start this Starter Project.

Please Go through her Blog and then this set up will become easy and then you can refer to this for Angular and Loopback methods.

For Stuff on Angular Concepts check [this](https://rahulrsingh09.github.io/AngularConcepts/)

### Stuff used to make this:

 * [Blog ](https://www.sirrele.io/blog_post_6_lb_ng.html) for Putting this together by Sirrele Steinfeld


### One step Further than the Blog

* I have written a middle ware function that intercepts any inceoming requests and if loopback doesnot understand
  the request it will redirect it to the Angular index.html which we have build in the first place using ng build in the 
  dist folder of client. So now we can serve the same app using only one server running.

* To test the same, just run the loopback server using ```node . ``` and then in the address bar of the browser write a url which 
  loopback doesnot understand. like localhost:3000/home and see the magic .

* Pre-requisits . You must have the Angular App pre comipled in the dist Folder (as of now) will try and automate this soon.

---
_Source: https://npm.io/package/loopback3-angular-starter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._