Firebase SetUp

---

step-1: Now run below commands inside our React project to install firebase latest.

npm install firebase --save 
                                

step-2: Now we need to add firebase configuration details(create database on firebase) and we need to add that details in Dashtic/src/Firebase/Firebase.tsx file:

 const firebaseConfig = {
apiKey: "***",
authDomain: "***",
projectId: "***",
storageBucket: "***",
messagingSenderId: "***",
appId: "***",
measurementId: "***",
};
const firebaseApp = firebase.initializeApp(firebaseConfig);

const db = firebaseApp.firestore();
const auth = firebase.auth();

export { db, auth }

Firebase SetUp Remove

---

step-1: we have to remove firebase flie src/Firebase/Firebase.tsx

 const firebaseConfig = {
apiKey: "***",
authDomain: "***",
projectId: "***",
storageBucket: "***",
messagingSenderId: "***",
appId: "***",
measurementId: "***",
};
const firebaseApp = firebase.initializeApp(firebaseConfig);

const db = firebaseApp.firestore();
const auth = firebase.auth();

export { db, auth }

step-2: Remove from the Routing file src/shared/Router/Router.tsx

<Route path={`${import.meta.env.BASE_URL}/`} element={<Auth />}>
<Route index element={<Login />} />
<Route path={`${import.meta.env.BASE_URL}Auth/Login/Login`} element={<Login />} />
<Route path={`${import.meta.env.BASE_URL}Auth/Signup/Signup`} element={<Sigup />} />
</Route>

step-3: Remove the path from the Header section src/shared/Components/Header/Header.tsx

<href={`${import.meta.env.BASE_URL}Auth/Login/Login`} className="dropdown-item d-flex" onClick={() => {auth.signOut();routeChange()}} ></Dropdown.Item>