🔔 Firebase Push Notification Test Client

⚙️ Firebase Configuration

Important: Replace the config below with your Firebase project configuration.

{ "apiKey": "your-api-key", "authDomain": "your-project.firebaseapp.com", "projectId": "your-project-id", "storageBucket": "your-project.appspot.com", "messagingSenderId": "123456789", "appId": "your-app-id" }

⚠️ Important Setup Requirements

Quick Setup Options:

Option 1 - Python (if installed):

python -m http.server 8000
Then visit: http://localhost:8000

Option 2 - Node.js (if installed):

npx serve .
Then visit the provided URL

Option 3 - VS Code:

Install "Live Server" extension, right-click HTML file → "Open with Live Server"

📖 Instructions:

1. Serve this file from a web server (see options above)
2. Get your Firebase config from Firebase Console → Project Settings → General → Your apps
3. Get your VAPID key from Firebase Console → Project Settings → Cloud Messaging → Web Push certificates
4. Paste both into the fields above
5. Click "Initialize Firebase"
6. Click "Request Permission" to allow notifications
7. Click "Get FCM Token" to generate your device token
8. Use the token to send test notifications from Firebase Console or your backend