I'm the creator of this silly visualizer (created the pixelart myself!). It's an example of how to create a realtime dashboard to visualize the progress of a serverless workflow.
Tech stack:
- Azure Static Web Apps that hosts a VueJS web app.
- Azure Function App that uses Durable Functions for the workflow.
- Ably (WebSockets as a Service) for pubsub messaging from the back-end to the front-end.
Tech stack:
- Azure Static Web Apps that hosts a VueJS web app.
- Azure Function App that uses Durable Functions for the workflow.
- Ably (WebSockets as a Service) for pubsub messaging from the back-end to the front-end.
More info in this blog post: https://ably.com/blog/visualize-azure-serverless-workflow-pr...