Admin Panel Firebase

Steps to Install the Admin Panel on Firebase

Step 1: Create a Web Project in Firebase & Enable Hosting

• Go to the Firebase Console.

• Create a new Firebase project or use an existing one.

• In the Build section, select Hosting and click Get Started.

---

Step 2: Copy Firebase JavaScript Code

• Once hosting is set up, Firebase will provide you with JavaScript configuration code.

• Copy this code and insert it into your admin panel HTML file, just above the <script> tag where Firebase is initialized.

---

Step 3: Test the Admin Panel Locally

• Open the admin panel HTML file in your browser to ensure:

  • DNS creation works as expected.

  • The list of DNS entries from Firestore displays correctly.

---

Step 4: Prepare Firebase Hosting for Deployment

1. Log in to Firebase using the CLI:

   firebase login

2. Create a new folder on your desktop for the project.

3. Open the folder in your terminal and initialize Firebase Hosting:

   firebase init

4. During the setup:

   • Use your keyboard arrows to navigate to Hosting. Press Space to select it, then Enter.

   • Choose Use Existing Project and select the name of your Firebase project.

   • When prompted for the public directory, set it as public. Firebase will generate a default index.html file.

---

Step 5: Replace the Default File with Your Admin Panel

• Delete the index.html file in the public folder.

• Place your admin panel HTML file in the folder.

---

Step 6: Deploy Your Admin Panel

1. Run the following command in the terminal:

   firebase deploy

2. Once deployment is successful, Firebase will provide you with a URL to access your admin dashboard.

Your admin panel is now live and accessible through the generated URL! 🎉