Skip to content

A simple Angular2 application with Loopback, which has some basic elements like authentication configured

License

Notifications You must be signed in to change notification settings

recurship/loopback-angular2-auth-demo

Repository files navigation

loopback-angular2-auth-demo

This is a simple practice project build using LoopBack.io and Angular2.

  • The main codebase is generated by LoopBack.
  • The frontend (angular2) codebase (i.e., under /client folder) is generated by angular-cli.

If you are looking to start an Angular2 + Loopback project, then use the init

Tags to branch off this repository and start your own project.

  • It currently supports authentication using the extended Loopback User model.
  • It has bootstrap css configured and a basic 2 page protected routes.
  • It has super test + mocha + chai configured for server testing (client testing handled by angular-cli)
  • Create a new model + add a relation
  • Use the new model/service in Angular2
  • Configure Mailgun for sending emails (verify emails on user signup + reset)
  • User sign up and reset

How can I support developers?

  • Star our GitHub repo ⭐
  • Create pull requests, submit bugs, suggest new features or documentation updates 🔧
  • Follow us on Twitter 🐾
  • Like our page on Facebook 👍

Can I hire you guys?

Yes! Visit our homepage or simply send a note to [email protected]. We will be happy to work with you!

Setup

  • Download / clone the repo:
$ git clone https://github.com/recurship/loopback-angular2-auth-demo.git
  • open your terminal and run the following commands.
# if you want to use slc commands globally
$ npm install -g strongloop

# if you want to use ng commands globally
$ npm install -g angular-cli

# install project dependencies
$ npm install && cd client && npm install && cd ..

# to generate the Loopback Models and Services
$ npm run generate
  • Create a config.local.json file for extra configuration:
{
  "mailgun": {
    "apiKey": "<KEY>",
    "domain": "<DOMAIN>"
  }
}

Run

# start the server from /project root folder
$ node .

# start serving the angular from /project/client folder
$ cd client
$ ng serve

Note: ^ Make sure you serve both client and server simultaneously (in seperate terminal tabs).

License

MIT in LICENSE file.

About

A simple Angular2 application with Loopback, which has some basic elements like authentication configured

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published