TableTopSocial is currently hosted here : https://tabletopsocial.azurewebsites.net
I have a thing for board games and more specifically collecting them. The global pandemic has somewhat put a stop to our regular boardgame nights and has had me frantically downloading any digital tabletop games I can find. One of the popular games in our group is One Night Ultimate Werewolf, a hidden identity game where most of the game takes place via conversation and voting. This seemed like an ideal fit for playing over Zoom but there were no digital versions of the game available, and that’s where this project came from, and ugly UI over a functional codebase :)
I thought about using Angular initially, but then after reading a post on client-side Blazor with Web Assembly, I went all-in on that.
This project comprises of…
|ASPNet Core WebAPI||HTTP API used by the client to get and update game|
|Client Side Blazor (Web Assembly)||The user’s interface to the game|
|GitHub Actions For CI/CD||Actions to run units tests and deploy to Azure|
|Azure WebApp||To host the server and client side apps|
|Azure App Insights||For Logging and diagnostics|
|VSCode, Coverage and DotNet Watch||Continous Testing and Code Coverage|
Cool, takeaways from messing around with all this…
- VS Code can be incredibly powerful, it’s never going to be a full replacement for VS + Resharper + NCrunch for me but for smaller projects like this with a little setup you can get a lot of the enterprisey features like live code coverage and continuous testing for free.
- Not having to code client-side models in a different language to their server-side counterpart saves a lot of time and massively increased shared code.
- Other than slow load times on low-end devices client-side “Just Worked”, when you consider what it’s doing it is quite amazing. I still can’t get used to using Linq in the Browser, but I love it!