enric-gilabert / blazorchatsample

A sample Blazor chat application using SignalR

Blazor Chat Sample

Now upgraded for .NET 5 RTM - Please ensure you have the .NET 5 SDK loaded and VS 2019 v16.8 or later. One change since the release candidates is that the scoped CSS is now AppName.styles.css in place of the _framework/scoped.styles.css

This application demonstrates the use of SignalR to create a Blazor chat application.

Now JavaScript-Free!

The app now uses the Microsoft.AspNetCore.SignalR.Client library which is now compatible with the Mono WASM runtime. This really simplifies the ChatClient code.

Previously this sample used JavaScript SignalR client. If you want to see how the JavaScript client version worked, I've retained it in this branch

.NET 5

@Turochamp has kindly provided an upgrade to .NET 5, which now uses CSS isolation for the app, navbar etc.

Demo

A demo application is available at https://blazorchatsample.azurewebsites.net

Improvements & Suggestions

If you have any improvements or suggestions please submit as issues/pull requests on the Github repo.

Acknowledgements

Many thanks to Turochamp who did the upgrade to .NET 5 RC1!

Thanks to Code-Boxx for the article https://code-boxx.com/responsive-css-speech-bubbles/ that helped me create simple CSS speech bubbles that improve the layout.