🔧 Firebase Setup Guide
Follow these steps to connect your portal to Firebase — takes about 20 minutes total.
1
Create a Firebase Project
Go to console.firebase.google.com → Click "Add project" → Name it energy-deregulator → Disable Analytics → Create project
2
Enable Google Authentication
In Firebase Console → Authentication → Get Started → Sign-in method → Google → Enable → Save
Then go to Authorized domains → Add energyderegulator.com and portal.energyderegulator.com
Then go to Authorized domains → Add energyderegulator.com and portal.energyderegulator.com
3
Create Firestore Database
In Firebase Console → Firestore Database → Create database → Start in test mode → Choose server location (us-central recommended) → Done
4
Get Your Config Keys
Project Settings (gear icon) → Your apps → Click web icon (</>) → Register app → Copy the firebaseConfig block
const firebaseConfig = {
apiKey: "AIza...",
authDomain: "your-project.firebaseapp.com",
projectId: "your-project",
...
};
apiKey: "AIza...",
authDomain: "your-project.firebaseapp.com",
projectId: "your-project",
...
};
5
Paste Keys Into This File
Open energy-deregulator-portal.html in a text editor (Notepad, VS Code) → Find the section marked PASTE YOUR CONFIG HERE near the top → Replace each placeholder value → Save the file
6
Upload to Hostinger
hpanel.hostinger.com → Websites → Manage → File Manager → Navigate to /public_html → Create folder named portal → Upload file → Rename to index.html
Then in Hostinger → Domains → Subdomains → Add portal → points to /public_html/portal
Then in Hostinger → Domains → Subdomains → Add portal → points to /public_html/portal
7
Add Yourself as First Admin
After logging in for the first time, go to Firestore → users collection → find your document → change role field to Admin → Save. Then all future agents can be managed from inside the portal.
$0
Revenue (MTD)
Loading...
0
Active Deals
Loading...
0
Total Customers
Live from Firebase
$0
Commissions Pending
Loading...
Sales This Week
Recent Activity
⚡
Portal connected — Firebase ready
Just now
✅
Google Auth enabled — Agents can sign in
Active
🗄️
Firestore database — Storing live data
Active
Top Agents — This Month
Welcome, Agent 👋
Your personal performance dashboard
0
My Deals
$0
Commission Earned
0
My Customers
—
kWh Rate
—
Therm Rate
My Recent Deals
| Deal | Customer | Type | Volume | Commission | Status |
|---|---|---|---|---|---|
| Loading deals... | |||||
Commission Summary
$0
Paid Out
$0
Pending Approval
Your Assigned Rates
Rates assigned by your manager will appear here.
Rates assigned by your manager will appear here.
| Deal # | Customer | Agent | Type | Volume | Rate | Value | Status | Commission | |
|---|---|---|---|---|---|---|---|---|---|
| Loading deals from Firebase... | |||||||||
$0
Total (MTD)
$0
Paid Out
$0
Pending
Commission by Agent
| Agent | kWh Rate | Therm Rate | kWh Sold | Therms Sold | Earned | Paid | Pending | % |
|---|---|---|---|---|---|---|---|---|
| Loading from Firebase... | ||||||||
⏳ Pending Approvals
| Deal # | Agent | Customer | Volume | Commission | Date | Action |
|---|---|---|---|---|---|---|
| No pending approvals | ||||||
✅ Approved History
| Deal # | Agent | Customer | Commission | Approved By | Date |
|---|---|---|---|---|---|
| No approved deals yet | |||||
| Name | Type | Energy | State | Agent | Status | Enrolled | |
|---|---|---|---|---|---|---|---|
| Loading customers... | |||||||
| Agent | Role | kWh Rate | Therm Rate | Deals | Status | ||
|---|---|---|---|---|---|---|---|
| Loading agents from Firebase... | |||||||
⚡
Energy Deregulator
Customer Enrollment Form
$0
Revenue MTD
0
kWh Sold
0
Therms Sold
$0
Commissions Paid
All Deals This Month
| Deal | Agent | Customer | Type | Volume | Value | Commission | Status |
|---|---|---|---|---|---|---|---|
| Loading... | |||||||