Skip to content

TinTran96/AngularFireSimpleChat-Demo

Repository files navigation

AngularFire SimpleChat App

Angular 4 app using AngularFire2 connect to Firebase Cloud Storage (Beta) to get data to page.

Demo Here.

AngularFire2 v5.0.0 on GitHub.

Setup Firebase guide

  1. Go to FireBase create Account and Project.
  2. Select Add firebase to your web ap to get the config information. Image of Firebase Config Information
  3. Go to Authentication, choose tab Sign-in method enable Google Login Image of Firebase Config Information
  4. Then go to Database, choose Try firestore beta, select Start in test mode then Enable. Image of Firebase Config Information

Install guide:

First we need to install Angular CLI.

npm install -g @angular/cli

Go to src\app edit app.module.ts with the firebase project config information

var firebaseConfig = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: ""
};

open cmd run

npm install

then

ng serve --open