🔔 Notification Status
Checking permissions...
📲 Installation Status
Checking installation...
🧪 Test Notifications
Use these buttons to test different types of notifications:
ℹ️ How to Use
- Enable notifications when prompted
- Install the app to your home screen
- Test local notifications first
- Subscribe to push notifications
- Use the API to send push notifications
🔗 API Information
Send POST request to /api/notify with:
Basic Notification:
{
"title": "Notification Title",
"body": "Notification message",
"icon": "/icons/icon-192x192.png"
}Notification with Callback Data:
{
"title": "Order Ready!",
"body": "Your order #12345 is ready for pickup",
"icon": "/icons/icon-192x192.png",
"data": {
"url": "/",
"callback": {
"showAlert": "Order #12345 is ready!",
"showContent": "Your pizza order is ready at location A.",
"scrollTo": "test-section",
"action": "highlight",
"data": {"elementId": "test-push"}
}
}
}