All Projects → seanmavley → AngularFire2-Authentication

seanmavley / AngularFire2-Authentication

Licence: other
AngularFire2 Authentication Done Dead Simple

Programming Languages

HTML
75241 projects
CSS
56736 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to AngularFire2-Authentication

Angularfire
The official Angular library for Firebase.
Stars: ✭ 7,029 (+41247.06%)
Mutual labels:  angularfire
angular-landing-page
Beautiful Angular landing page with firebase, chat, poll, dynamic features/gallary, and nice animations/scrolling.
Stars: ✭ 43 (+152.94%)
Mutual labels:  angularfire
ionic2.0-angularfire
this a basic application for Ionic 2.0.rc5 with AngularFire2 with ngrx/store & ngrx/effects to manage state
Stars: ✭ 71 (+317.65%)
Mutual labels:  angularfire
todo-list
TodoList using Ionic2/3 & Firebase: * PWA * SSO Google plus. * Share list via QRcode. * Upload image from Camera or Storage. * Speech Recognition.
Stars: ✭ 18 (+5.88%)
Mutual labels:  angularfire2-authentication

AngularFire2 Authentication

The related article about this project is available at https://blog.khophi.co/angularfire2-authentication/

What the article touches on

  • Initializing an Angular2 Project from scratch without the Angular CLI (I don't know why, but the ng CLI is too cumbersome to use for me. Well, that's another topic for another day)
  • SystemJS configurations and loading installed NPM node modules
  • Getting comfortable with Angular Components
  • Handling form input with the FormModule
  • Using the NgModule to encapsulate features or functionality in our app
  • Using the Angular 2 Final Router for Routing and Child Routes
  • Adding Authentication thanks to Firebase 3 via AngularFire2
  • Protecting certain routes with our Angular AuthGuard service
  • We'll throw in a little catch-all component for our 404 needs.

How to run

  • git clone https://github.com/seanmavley/AngularFire2-Authentication
  • npm install
  • Locate the firebaseProject-Sample.ts file, rename it to firebaseProject.ts and update to reflect your Firebase Project configuration, found in your Firebase Console.
  • npm start
  • Enjoy

License

Inherits licenses from packages used.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].