Angular-fire-ui NPM

Description

Simple angular 2 ui widget that create an dialog form to authenticate users against firebase.

Demo

You can see it in action https://cedvdb.github.io/AngularFireUi/index.html

Installation

npm install angular-fire-ui

import { AngularFireUiModule } from 'angular-fire-ui/angular-fire-ui.module';
import { AngularFireModule } from 'angularfire2';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    AngularFireUiModule,
    AngularFireModule.initializeApp(firebaseConfig)
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

This is just an UI component. You must have setup angularfire and it must be accessible in the module where you use AngularFireUiModule.

You also need font-awesome icons for the providers icons. Follow the steps here to do so : http://stackoverflow.com/questions/38796541/how-to-add-font-awesome-to-angular-2-cli-project

Make sure the version is above 0.0.1.

Usage

code in the Demo

https://cedvdb.github.io/AngularFireUi/index.html

Usability

This is a work in progress. This widget aims to be a drop and ready widget for test purpose. 1 lines of code and you have a working authentication dialog. However it lacks a lot of feature you'd want in a real app. So if you want to get up and ready quickly and change UI form in the future try it, it's literally 1 line of code.