Virtual Communications

In-App Notifications & Alerts Feed

Simulate in-app notification centers, toast alert streams, and persistent announcement banners. Model read/unread status updates, severity categories (info, success, warning, error), and interactive deep links.

Live Notification Center API Consoles

Interactive Notification Center

Test read/unread state toggles and trigger live simulated toast banners.

Simulate Toast:

Notification Feed2 Unread Alerts

Scheduled Maintenance Noticewarning

Database indexing will take place on Sunday at 02:00 UTC. Zero downtime expected.

10m ago

View

New API Key Provisionedinfo

A new secret key "sk_live_98...21" was generated by Administrator.

1h ago

View

Monthly Subscription Renewedsuccess

Your Pro Developer Plan was successfully charged $29.00 USD.

1d ago

View

Interactive Consoles

Publish notifications to the sandbox feed and query unread counts.

1. Publish Notification

Create In-App Message

POST

response.json

{

// Click "Send" above to execute this request against the live server.

}

2. Query Notifications

List In-App Notifications

GET

response.json

{

// Click "Send" above to execute this request against the live server.

}

Frontend Integration Recipe

React hook for streaming and displaying in-app alerts in real time.

typescript

import { useState, useEffect } from 'react';

export function useInAppNotifications() {

const [messages, setMessages] = useState<any[]>([]);

useEffect(() => {

// 1. Initial fetch of notifications

fetch('https://playground.nileslabs.com/api/v1/messages')

.then(res => res.json())

.then(data => setMessages(data.data || []));

// 2. Stream real-time alerts via SSE

const es = new EventSource('https://playground.nileslabs.com/api/v1/stream');

es.addEventListener('message.created', (event) => {

const newAlert = JSON.parse(event.data);

setMessages(prev => [newAlert, ...prev]);

});

return () => es.close();

}, []);

return { messages, unreadCount: messages.filter(m => !m.read).length };

}

PreviousVirtual SMS Terminal

NextMessage Dispatcher