Thursday, March 2, 2017

Angular 2 + Material Angular + Firebase Contacts App

Angular 2 is great by itself, but when you combine it with Firebase it because absolutely amazing. Then add Material Angular and now you have a site which scales from desktop to mobile and has no backend. 

I will flush out the meat of this post later, but I want to share this out since there is a lot of interest in the community. 

The code is available on GitHub, https://github.com/Rockncoder/contacts-troy

A demo of the site is running at: https://contacts-troy.firebaseapp.com


There is one missing file, src/app/FirebaseConfig.ts.
It contains all of your firebase configuration information.

export const firebaseConfig = {
  apiKey: "xxxxxxxxxxxxxcxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  authDomain: "xxxxxxxxx.firebaseapp.com",
  databaseURL: "https://xxxxxxxxxxx.firebaseio.com",
  storageBucket: "xxxxxxxxxxxxxx.appspot.com",
  messagingSenderId: "xxxxxxxxxxx"
};