Field Tasks Demo
Authentication required
You must be logged in to use this demo. Please log in to your account to continue.
How to Test Offline Queuing & Notifications
1. Log in and enable notifications
Sign in with your demo account and click 'Enable Notifications' below. Grant browser permission when prompted.
2. Queue tasks while online
Select a task type, get your location, add notes, and click 'Queue Task'. You'll see it appear in the 'Queued Tasks' list.
3. Go offline and queue more tasks
Open DevTools (F12) → Network → select 'Offline' from the throttling dropdown. Queue more tasks offline. The status indicator will show 'Offline'.
4. Delete and test changes
Delete tasks or queue new ones while offline. All changes are stored locally in IndexedDB until you reconnect.
5. Go back online and sync
Switch back to 'Online' in the throttling dropdown. The service worker will detect the connection and automatically sync all queued changes to the server.
6. Test push notifications
Click 'Send Test' in the Push Notifications section to send a test notification. The notification will appear even if the app tab is not active.
Push Notifications
Enable notifications below and use the 'Send Test' button to receive push notifications. Notifications work even when the browser is minimized or closed.
Notifications Not Supported
Your browser doesn't support push notifications. Try using Chrome, Firefox, or Edge.
This demo queues field tasks with GPS coordinates using IndexedDB. The service worker triggers a background sync and the SyncManager flushes queued writes when connectivity returns.