reyco1

Create a Firebase Project

1. Create a project at https://firebase.google.com/

2. Add iOS, Android and Web apps

3. Download the config files for each of your apps: a. Copy the configuration object for the web app b. Download the google-services.json file from your Android app c. Get your SHA1 Certificate fingerprint by running the following in your terminal

reyco1

import { Injectable } from '@angular/core';
import {
  Auth, authState, createUserWithEmailAndPassword, GoogleAuthProvider, OAuthCredential,
  signInWithCredential, signInWithEmailAndPassword, signInWithPopup, signOut
} from '@angular/fire/auth';
import { FirebaseAuthentication } from '@capacitor-firebase/authentication';
import { Capacitor } from '@capacitor/core';
import { AlertController, LoadingController } from '@ionic/angular';
import { switchMap } from 'rxjs/operators';

reyco1

import { Injectable } from '@angular/core';
import { getDownloadURL, ref, Storage, StringFormat, uploadBytes, uploadString } from '@angular/fire/storage';

@Injectable({
  providedIn: 'root'
})
export class UploadService {

  constructor(
    private storage: Storage,

reyco1

import { Injectable } from '@angular/core';
import { User } from '@angular/fire/auth';
import { BehaviorSubject } from 'rxjs';
import { take } from 'rxjs/operators';

import { AppUser } from '../models/user.model';
import { DbService } from './db.service';

@Injectable({
  providedIn: 'root'

reyco1

import { Injectable } from '@angular/core';
import {
  addDoc, collection, collectionData, CollectionReference,
  deleteDoc, doc, docData, DocumentData, DocumentReference,
  Firestore, query, QueryConstraint, setDoc, updateDoc
} from '@angular/fire/firestore';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'

reyco1

const tailwindColors = require('tailwindcss/colors');
const ionicColors = Object.assign(tailwindColors, {
  primary: {
    default: 'var(--ion-color-primary)',
    shade: 'var(--ion-color-primary-shade)',
    tint: 'var(--ion-color-primary-tint)',
  },
  secondary: {
    default: 'var(--ion-color-secondary)',
    shade: 'var(--ion-color-secondary-shade)',