This is my Sandbox-project to play around connecting a Loopback API to an AngularJS gui which is spiced up by Bootstrap.
The name of the project is totally uninspired but I figured it does say what it beholds of. I'm open to suggestions for a better name.
My goal is to have a starter project which can be used to quickly build an API with a frontend that are easily extendable.
- A Loopback REST API with authentication enabled built on the Loopback Generator
- A GUI built with AngularJS based on the Angular Generator
- Angular UI-Router
- JSON-based based forms by angular-formly
- Notifications by angular-toasty
- File upload with Loopback storage services
- Social authentication based on Passport.
Installation depends on node
/npm
with grunt
and bower
installed globally.
git clone https://github.com/beeman/lb-ng-bs.git
npm install
bower install
grunt
git clone https://github.com/beeman/lb-ng-bs.git && cd lb-ng-bs && npm install && bower install && grunt && npm start & grunt serve
The project is separated in a server and a client.
To run the server you issue the command:
npm start
Or to run it with nodemon (needs nodemon
installed globally). This will
automatically restart the server when you change its code:
npm run dev
To run the client you issue the command:
grunt serve
It will open the project in your default browser with livereload enabled. This will take care of reloading the page when you change your code.
For development you'd want to look into yeoman.
The API is built with generator-loopback.
The GUI is built with generator-angular.
These should help you quickly add code to your project. Further details tailored to this project might follow in the future.
If you have any problems please contact me.