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 valex/src/layouts/Firebase/FirebaseCredential.jsx 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: Remove your whole firebase foldes from the template the path as follow firebase root: src/layout/firebase firebaseauthentication root:/src/layouts/Firbase/firebaseauthentication

step-2: Remove from the Routing file src/main.jsx

	<Route path={`${import.meta.env.BASE_URL}/`} element={<FirebaseAuth />}>
	<Route index element={<FirebaseSignIn />} />
	<Route path={`${import.meta.env.BASE_URL}FirebaseAuthentication/FirebaseSignIn`} element={<FirebaseSignIn />} />
	<Route path={`${import.meta.env.BASE_URL}FirebaseAuthentication/FirebaseSignUp`} element={<FirebaseSignUp />} />
	</Route>	

step-3: Remove the path from the Header section src/layouts/layoutcomponents/header.jsx

<Link className="dropdown-item" to={`${import.meta.env.BASE_URL}`}>
<i className="bx bx-log-out">
</i> Sign Out</Link>