# loopback-angular-admin > Quickly create admin interfaces on a Loopback 2.x API Latest version **0.0.7** (published 2014-10-20) · MIT license · 0 weekly downloads ## Install ```sh npm install loopback-angular-admin pnpm add loopback-angular-admin yarn add loopback-angular-admin bun add loopback-angular-admin ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.7 | | Published | 2014-10-20 | | First published | 2014-08-13 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Node | 0.10.x | | Dependencies | 13 | | Known vulnerabilities | 0 (+9 in 3 direct dependencies) | | Install scripts | yes | | GitHub stars | 1382 | | Author | Bram Borggreve | | Maintainers | beeman | ## Links - npm: https://www.npmjs.com/package/loopback-angular-admin - Repository: https://github.com/beeman/loopback-angular-admin - Issues: https://github.com/beeman/loopback-angular-admin/issues - npm.io page: https://npm.io/package/loopback-angular-admin ## Dependencies (13) - [bower](https://npm.io/package/bower.md) ^1.3.12 - [grunt](https://npm.io/package/grunt.md) ^0.4.5 - [loopback](https://npm.io/package/loopback.md) ^2.5.0 - [showdown](https://npm.io/package/showdown.md) ^0.3.1 - [grunt-cli](https://npm.io/package/grunt-cli.md) ^0.1.13 - [compression](https://npm.io/package/compression.md) ^1.1.1 - [errorhandler](https://npm.io/package/errorhandler.md) ^1.2.1 - [loopback-boot](https://npm.io/package/loopback-boot.md) ^2.1.0 - [serve-favicon](https://npm.io/package/serve-favicon.md) ^2.1.5 - [load-grunt-tasks](https://npm.io/package/load-grunt-tasks.md) ^0.6.0 - [loopback-explorer](https://npm.io/package/loopback-explorer.md) ^1.3.0 - [loopback-component-storage](https://npm.io/package/loopback-component-storage.md) ^1.0.5 - [loopback-connector-mongodb](https://npm.io/package/loopback-connector-mongodb.md) ^1.4.4 ## Recent versions - 0.0.7 (latest) — 2014-10-20 - 0.0.6 — 2014-10-19 - 0.0.5 — 2014-10-19 - 0.0.4 — 2014-10-16 - 0.0.3 — 2014-10-15 - 0.0.2 — 2014-08-13 - 0.0.1 — 2014-08-13 - 0.0.0 — 2014-08-13 ## README # loopback-angular-admin The goal is to have a starter project which can be used to quickly build an API with a frontend that are easily extended. [![NPM version](https://badge.fury.io/js/loopback-angular-admin.png)](http://badge.fury.io/js/loopback-angular-admin) [![Dependencies](https://david-dm.org/beeman/loopback-angular-admin.png)](http://badge.fury.io/js/loopback-angular-admin) ## Features and implemented projects - A Loopback REST API with authentication enabled built on the [Loopback Generator](https://www.npmjs.org/package/generator-loopback) - A GUI built with AngularJS based on the [Angular Generator](https://github.com/yeoman/generator-angular) - Angular UI-Router - JSON-based based forms by [angular-formly](https://github.com/nimbly/angular-formly) - Notifications by [angular-toasty](https://github.com/Salakar/angular-toasty) - File upload with [Loopback storage services](https://github.com/strongloop/loopback-component-storage/) - Admin template powered by [SB-Admin](http://startbootstrap.com/template-overviews/sb-admin/) - Markdown Editor with live preview with [angular-markdown-editor](https://github.com/JimLiu/angular-markdown-editor) - Bunch of useful filters for AngularJS: [a8m/angular-filter](https://github.com/a8m/angular-filter) - [t4t5/sweetalert](https://github.com/t4t5/sweetalert) provided by [oitozero/ngSweetAlert](https://github.com/oitozero/ngSweetAlert) ### TODO: - User management - Permissions on user actions (non-admins cannot access advanced functions) - permissions on content items (non-admins can only edit own content, etc) - Social authentication based on Passport. - Detect if API is online [HubSpot/offline](https://github.com/HubSpot/offline)? - Change template to [Ehesp/Responsive-Dashboard](https://github.com/Ehesp/Responsive-Dashboard) or [almasaeed2010/AdminLTE](https://github.com/almasaeed2010/AdminLTE) - Loading indicators [Urigo/angular-spinkit](https://github.com/Urigo/angular-spinkit)? - Add tests - Add Dockerfile - Add Vagrantfile - [Tell me more](https://github.com/beeman/loopback-angular-admin/issues/new) ## Screenshots #### Dashboard ![](screenshots/screenshot1.png?raw=true) #### Markdown Editor ![](screenshots/screenshot2.png?raw=true) #### SweetAlert ![](screenshots/screenshot3.png?raw=true) ## Installation ### Dependencies Installation depends on `node`/`npm` with `grunt` and `bower` installed globally. ### Checkout this project: git clone https://github.com/beeman/loopback-angular-admin.git ### Install the Node packages: npm install ### Install the Bower packages: bower install ### Run a test to see if all is well: grunt ### Clone, install and run in a oneliner git clone https://github.com/beeman/loopback-angular-admin.git && cd loopback-angular-admin && npm install && bower install && grunt && npm start & grunt serve ## Running The project is separated in a server and a client. ### Server 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 ### Client Rebuild the lb-services.js file with the correct `API_URL` for development. API_URL=http://0.0.0.0:3000/api grunt 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. ## Connect to a database You can specify the URL to the MongoDB database you want to use with the `MONGODB_URL` environment variable. MONGODB_URL="mongodb://localhost:27017/loopback-angular-admin" npm start Set `INITDB` to true if you want to load the initial dataset, which creates the admin user. The memory database (default) does this automatically. INITDB=true MONGODB_URL="mongodb://localhost:27017/loopback-angular-admin" npm start This also works with the free hosted MongoDB instances at [compose.io](https://www.compose.io) and [mongolab.com](https://mongolab.com)! ## Development For development you'd want to look into [yeoman](http://yeoman.io). The API is built with [generator-loopback](https://www.npmjs.org/package/generator-loopback). The GUI is built with [generator-angular](https://www.npmjs.org/package/generator-angular). These should help you quickly add code to your project. Further details tailored to this project might follow in the future. ### Useful commits These commits might be useful when extending the functionality. - [Add support for MongoDB databases](https://github.com/beeman/loopback-angular-admin/commit/6b884e601d535ed64b4ef4f6f07e0f55d357a5b6) - [Add custom method to the API](https://github.com/beeman/loopback-angular-admin/commit/eedbd03f755ddf2234872886ee390ac4f6753c64) - [Add a complete model in the API and client](https://github.com/beeman/loopback-angular-admin/commit/16b1015554a41e45ca670d25fd258340908c4dbf) - [Rename a model](https://github.com/beeman/loopback-angular-admin/commit/88254ce59af29818aec900514693e3fe6c94acea) # Issues If you have any problems please [contact me](https://github.com/beeman/loopback-angular-admin/issues/new). --- _Source: https://npm.io/package/loopback-angular-admin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._