https://github.com/hunteroi/ngrxfire

An updated example showing off how to build authentication with Firebase & Ngrx. Updated example of
https://github.com/hunteroi/ngrxfire

Last synced: about 1 month ago
JSON representation

An updated example showing off how to build authentication with Firebase & Ngrx. Updated example of

• Host: GitHub
• URL: https://github.com/hunteroi/ngrxfire
• Owner: HunteRoi
• License: mit
• Created: 2021-05-29T16:04:03.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-05-29T16:23:42.000Z (over 3 years ago)
• Last Synced: 2024-05-02T02:54:26.132Z (9 months ago)
• Language: TypeScript
• Homepage: https://github.com/codediodeio/ngrx-fire
• Size: 268 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NgrxFire

NgrxFire is a redux demo app created with Angular Ngrx and Firebase. It demonstrates how to authenticate using Firebase Google OAuth.

## Build your Angular ngrx on a Solid Foundation

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

- [Video Lessons and Screencasts](https://angularfirebase.com)

- [Join the Slack Team](https://join.slack.com/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg)

![](./src/assets/example.gif)

## Usage

#### Clone repository and prepare to build:

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

- `git clone https://github.com/hunteroi/NgrxFire.git`

- `cd NgrxFire`

- `npm install`

#### Create a Firebase account

*  Create a Firebase account at https://firebase.google.com/. 

*  Configure Authentication for the web app:

  >  ![firebaseauth](https://user-images.githubusercontent.com/210413/30171158-b036b8dc-93b6-11e7-9698-b355544d0c00.png)

*  Create your FireStore database and connect it with your project

  > 1. `firebase login`

  > 2. `firebase init`

  > 3. Follow the steps and choose "Existing project

*  Gather your Firebase configuration information:

  >  ![firebaseconfig](https://user-images.githubusercontent.com/210413/30178188-b219c6b4-93cd-11e7-854d-788a2c2d99b1.jpg)

*  Create the environment file below `/src/environments/environment.ts`.

```typescript

export const environment = {

  production: false,

  firebaseConfig: {

    apiKey: "API_KEY",

    authDomain: "AUTH_DOMAIN",

    projectId: "PROJECT_ID",

    storageBucket: "STORAGE_BUCKET",

    messagingSenderId: "MESSAGING_SENDER_ID",

    appId: "APP_ID"

  }

};

```

*  And finally `ng serve`

## Additional Details

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0. It uses @angular/[email protected], [email protected].

It has been set up on the 29th of May 2021.

Available under the MIT License.

!!! This project is an updated version of [ngrx-fire](https://github.com/codediodeio/ngrx-fire) !!!