Poker - HUD

Designing a HUD for the Stats
Published on Sunday, 2 June 2024

I'm back to working on the Poker Web App, as you saw from the original post the UI is lacking somewhat.

Web App table

I've taken some inspiration from live shows and started working on implementing the styles in the app. I've found a number of variations I can work through, so here's the first attempt.

This led me to creating a shared Microsoft.NET.Sdk.Razor project called Poker.Components. (I should have done this with the original components).

I've made a start on the first Board:

Board

Board

Players:

Player 1 Player 2

Player 1

And Pot:

Pot

Pot

With this shared Library it means I can try it out in both my Blazor WASM app (that I have deployed on GitHub Pages), and my Blazor Server app which I'll be using as the main app.

See the current progress at

One very helpful tool I used to layout the Players was Layoutit!, which is a CSS Grid Generator.

I copied the initial output to codepen before moving to my Blazor app.

Track it via