All Projects → codediodeio → Ngrx Fire

codediodeio / Ngrx Fire

Demo app using Angular + ngrx + Firebase

Programming Languages

typescript
32286 projects

NgrxFire

NgrxFire is a redux demo app created with Angular ngrx and Firebase. Including Firebase Google OAuth and the Realtime Database.

Build your Angular ngrx on a Solid Foundation

Learn Angular ngrx Redux basics by building this app step-by-step.

Usage

Clone repository and prepare to build:

Use the following terminal commands to prepare to build your application:

  • git clone https://github.com/codediodeio/ngrx-fire.git ngrxFire
  • cd ngrxFire
  • npm install

Create a Firebase account

firebaseauth

  • Seed your Firebase database with sample post data:

ngrxdatabase

{
 "posts" : {
 "testPost" : {
   "text" : "First Post [created in console]",
   "votes": 0
 }
 }
}
  • Gather your Firebase configuration information:

firebaseconfig

  • Create the environment file below /src/environments/environment.ts.
export const environment = {
  production: false,
  firebaseConfig: {
    apiKey: 'APIKEY',
    authDomain: 'DEV-APP.firebaseapp.com',
    databaseURL: 'https://DEV-APP.firebaseio.com',
    storageBucket: 'DEV-APP.appspot.com'
  }
};
  • And finally ng serve

Additional Details

This project was generated with Angular CLI version 1.3.2.

It uses AngularFire2 v4.0

Available under the MIT License.

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].