Update: Channel section not displaying images.
In a modern contact center that serves customers over multiple channels, realtime monitoring of the tasks and their progress becomes an operational imperative. Twilio provides all the necessary building blocks to build a contact center (https://github.com/nash-md/twilio-contact-center) and the ability to build a realtime task monitoring dashboard using Twilio Sync (https://www.twilio.com/sync).
This demo shows how an operational monitoring dashboard could be built. I've used the following technologies to built this dashboard:
Note: Please keep in mind the source code shared here (JS and Python) is pretty much demo quality. For production use, I am sure the code can be optimized significantly.
This will install the web application and all the dependencies on Heroku (login required) for you. As part of the installation, the Heroku app will walk you through configuration of environment variables. Please click on the following button to deploy the application.
Make a note of the URL that Heroku created for your app as you'll need it for the next Step
Now, Navigate to https://<YOUR_HEROKU_APP_URL>/taskrouter_dashboard.html
As events are generated in your TaskRouter workspace the dashboard will display key metrics.