Show HN: Serverless Pizza Workflow Visualizer

Y	Hacker News new \| ask \| show \| jobs

	Show HN: Serverless Pizza Workflow Visualizer (pizza.ably.dev)
	6 points by marcduiker 1382 days ago

1 comments

marcduiker 1382 days ago

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.

More info in this blog post: https://ably.com/blog/visualize-azure-serverless-workflow-pr...

link

yodon 1382 days ago

Nice - does each visitor see just their own order or do visitors see all in-progress orders?

link

marcduiker 1382 days ago

Thanks! Each visitor sees their own order. The channel is based on the orderId so each visitor has a dedicated channel for their order.

I do plan to extend this demo and create a dashboard for the kitchen that shows all orders coming in.

link