Firebase SetUp

---

step-1: Now run below commands inside our angular 15 project to install firebase.

npm install firebase @angular/fire --save 
							

step-2: Now we need to add firebase configuration details(create database on firebase) and we need to add that details in angular_project/src/environments/environment.ts file:

export const environment = {
production: false,
firebaseConfig : {
  apiKey: "***",
  authDomain: "***",
  databaseURL: "***",
  projectId: "***",
  storageBucket: "***",
  messagingSenderId: "***",
  appId: "***",
  measurementId: "***"
}
};
							

And also include them in angular_project/src/environments/environment-prod.ts file:

export const environment = {
production: true,
firebaseConfig : {
	apiKey: "***",
	authDomain: "***",
	databaseURL: "***",
	projectId: "***",
	storageBucket: "***",
	messagingSenderId: "***",
	appId: "***",
	measurementId: "***"
}
};
							

step-3: . Now we nee to add or replace below code into our angular_project/src/app/app.module.ts file:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { environment } from 'src/environments/environment';
import { AngularFireModule } from '@angular/fire/compat';
import { AngularFirestoreModule } from '@angular/fire/compat/firestore';
import { AngularFireAuthModule } from '@angular/fire/compat/auth';

imports:[
...
BrowserAnimationsModule, // required animations module
AngularFireModule.initializeApp(environment.firebase),
AngularFirestoreModule,
AngularFireAuthModule
]

							

Process to remove firebase:
-------------------------------

To remove firebase from the project make sure that you have to remove the auth.service.ts file in src/app/shared/service/firebase/ and make below changes in login.component.ts in src/app/auth/.

In login.component.ts replace login function with 
login(){
if (this.loginForm.controls['email'].value === "spruko@template.com" && this.loginForm.controls['password'].value === "spruko")
{
  this.router.navigate(['/dashboard']);
}
}
or else you can use any other authentication as per your requirement.

And make sure to remove canActivate: [AdminGuard] from app-routing.module.ts.
Remove the firebase-related content in app.module.ts, environment.

Note: make sure to remove all AuthService from the project which can be found in the switcher, header, authentication, ect..