Config Firebase

Create Project

1. You have create an account at (here)

2. Create a project follows the steps of tutorial

   

Project settings

1. Installations

   npm install firebase react-firebase-hooks
   

2. SDK setup and configuration

   All of these param be provided by FIREBASE. Configuring this constant to reuse in constant file.

   .env

   This is environment file suggest ignore this file, if not your private data should be leaked

   VITE_APIKEY= //YOUR_APP_APIKEY
   VITE_AUTHDOMAIN= //YOUR_APP_AUTHDOMAIN
   VITE_DATABASEURL= //YOUR_APP_DATABASEURL
   VITE_PROJECTID= //YOUR_APP_PROJECTID
   VITE_STOREAGEBUCKET= //YOUR_APP_STOREAGEBUCKET
   VITE_MESSAGINGSENDERID= //YOUR_APP_MESSAGINGSENDERID
   VITE_APPID= //YOUR_APP_APPID
   VITE_MEASUREMENTID= //YOUR_APP_MEASUREMENTID
   

   constant.js

   export const FIREBASE_APIKEY = import.meta.env.VITE_APIKEY
   export const FIREBASE_AUTHDOMAIN = import.meta.env.VITE_AUTHDOMAIN
   export const FIREBASE_DATABASEURL = import.meta.env.VITE_DATABASEURL
   export const FIREBASE_PROJECTID = import.meta.env.VITE_PROJECTID
   export const FIREBASE_STOREAGEBUCKET = import.meta.env.VITE_STOREAGEBUCKET
   export const FIREBASE_MESSAGINGSENDERID = import.meta.env.VITE_MESSAGINGSENDERID
   export const FIREBASE_APPID = import.meta.env.VITE_APPID
   export const FIREBASE_MEASUREMENTID = import.meta.env.VITE_MESSAGINGSENDERID
   

   firebase.js

   import { initializeApp } from "firebase/app";
   import { getFirestore } from "firebase/firestore";
   import { FIREBASE_APIKEY, FIREBASE_APPID, 
   FIREBASE_AUTHDOMAIN, 
   FIREBASE_DATABASEURL, FIREBASE_MEASUREMENTID, 
   FIREBASE_MESSAGINGSENDERID, FIREBASE_PROJECTID, 
   FIREBASE_STOREAGEBUCKET } from "../lib/constants";
   
   const firebaseConfig = {
       apiKey: FIREBASE_APIKEY,
       authDomain: FIREBASE_AUTHDOMAIN,
       databaseURL: FIREBASE_DATABASEURL,
       projectId: FIREBASE_PROJECTID,
       storageBucket: FIREBASE_STOREAGEBUCKET,
       messagingSenderId: FIREBASE_MESSAGINGSENDERID,
       appId: FIREBASE_APPID,
       measurementId: FIREBASE_MEASUREMENTID
     };
   
     const app = initializeApp(firebaseConfig);
     const db = getFirestore(app)
     export {app, db}