Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ievangelist/learning-blazor

The application for the "Learning Blazor: Build Single Page Apps with WebAssembly and C#" O'Reilly Media book by David Pine.
https://github.com/ievangelist/learning-blazor

aad-b2c azure blazor component-architecture cosmosdb csharp dotnet globalization-and-localization minimal-api modular signalr source-generators speech-recognition speech-synthesis webassembly

Last synced: about 6 hours ago
JSON representation

The application for the "Learning Blazor: Build Single Page Apps with WebAssembly and C#" O'Reilly Media book by David Pine.

Host: GitHub
URL: https://github.com/ievangelist/learning-blazor
Owner: IEvangelist
License: mit
Created: 2021-06-19T04:11:35.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2024-05-21T13:23:19.000Z (6 months ago)
Last Synced: 2024-05-29T04:30:30.056Z (6 months ago)
Topics: aad-b2c, azure, blazor, component-architecture, cosmosdb, csharp, dotnet, globalization-and-localization, minimal-api, modular, signalr, source-generators, speech-recognition, speech-synthesis, webassembly
Language: C#
Homepage: https://bit.ly/learning-blazor
Size: 7.47 MB
Stars: 123
Watchers: 11
Forks: 36
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        # Learning Blazor: Build Single-Page Apps with WebAssembly and C#

## Amazon Links

| Media type                           | Site                                                   |

|--------------------------------------|--------------------------------------------------------|

| [**📖 Paperback (Print)**][paperback] | [**Check it out on Amazon today.**][paperback]         |

| [**💻 eBook (Kindle)**][kindle]     | [**Also available on Amazon Kindle devices.**][kindle] |

[paperback]: https://www.amazon.com/Learning-Blazor-Build-Single-Page-WebAssembly-dp-1098113241/dp/1098113241

[kindle]: https://www.amazon.com/dp-B0BGJS7JBP/dp/B0BGJS7JBP

| Book | Details |

|--|--|

|  | This repository is the application detailed in the ["Learning Blazor: Build Single-Page Apps with WebAssembly and C#"][learning-blazor] O'Reilly Media book by David Pine. Take advantage of your C# skills to build UI components and client-side experiences with .NET. With this practical guide, you'll learn how to use Blazor WebAssembly to develop next-generation web experiences. Built on top of ASP.NET Core, Blazor represents the future of .NET single-page applications (SPA) investments. |

## This app is deployed to: https://webassemblyof.net

The app is a Blazor WebAssembly app, deployed to Azure as a Static Web app. It targets .NET 6, and it's packed full of C# 10 features.

| Status | Description |

|--:|:--|

| [![build](https://github.com/IEvangelist/learning-blazor/actions/workflows/build-validation.yml/badge.svg)](https://github.com/IEvangelist/learning-blazor/actions/workflows/build-validation.yml) | Wether the current source code builds successfully, and all tests pass. |

| [![CodeQL](https://github.com/IEvangelist/learning-blazor/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/IEvangelist/learning-blazor/actions/workflows/codeql-analysis.yml) | The current CodeQL security / vulnerability scan result. |

| [![Azure Translation](https://github.com/IEvangelist/learning-blazor/actions/workflows/machine-translation.yml/badge.svg)](https://github.com/IEvangelist/learning-blazor/actions/workflows/machine-translation.yml) | Wether the last machine-translation run was successful. |

| [![Deploy Static Web App](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-static-webapp.yml/badge.svg)](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-static-webapp.yml) | The status of the last deployment of the Azure Static Web app. |

| [![Deploy Weather Function](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-func.yml/badge.svg)](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-func.yml) | The status of the last deployment of the Azure Functions app. |

| [![Deploy Web API](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-webapi.yml/badge.svg)](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-webapi.yml) | The status of the last deployment of the Azure Web API. |

| [![Deploy Pwned Web API](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-pwnedapi.yml/badge.svg)](https://github.com/IEvangelist/learning-blazor/actions/workflows/deploy-az-pwnedapi.yml) | The status of the last deployment of the Azure Pwned Web API. |

Want to run this locally? See, the ["Get Started" article](GET_STARTED.md).

## Home screen (dark theme)

![Learning Blazor: Home screen (dark theme)](images/home-screen-dark.png)

## Home screen (light theme)

![Learning Blazor: Home screen (light theme)](images/home-screen-light.png)

## Featuring

The app is packed with examples of how to do various things with Blazor, including but not limited to:

- Blazor Third-Party Authentication providers:

  - Google

  - GitHub

  - "Sign up now"-based identity provider registration (with email verification).

- Azure Functions — .NET

- ASP.NET Core Web API

- ASP.NET Core SignalR

- Bulma (CSS)

- Polly

- Swagger / OpenAPI

- OpenWeatherMap API

- "Have I Been Pwned"

- Client-Browser Native Speech Synthesis and Speech Recognition

- Reactive Extensions (Rx.NET)

- Azure Cosmos DB Repository-Pattern .NET SDK

- Blazor WebAssembly Localization

- Azure Cognitive Services Translator

- Blazor Component Virtualization

- Humanizer

- Two-way JavaScript Interop (using both `IJSRuntime` and `IJsInProcessRuntime`)

  - As well as Blazorators, for source generation

## NuGet Packages

I'm using several of my open-source projects within this repository.

| Package | Repository | Purpose |

|---------|------------|---------|

| [IEvangelist.Azure.CosmosRepository](https://www.nuget.org/packages/IEvangelist.Azure.CosmosRepository) | [`./azure-cosmos-dotnet-repository`](https://github.com/IEvangelist/azure-cosmos-dotnet-repository) | `IRepository` via DI for light-weight access to Azure Cosmos DB. |

| [Blazor.LocalStorage.WebAssembly](https://www.nuget.org/packages/Blazor.LocalStorage.WebAssembly) | [`./blazorators`](https://github.com/IEvangelist/blazorators) | Source-generated `localStorage` API implementation class library from Blazorators: C# Source Generators for Blazor. |

| [Blazor.SpeechRecognition.WebAssembly](https://www.nuget.org/packages/Blazor.SpeechRecognition.WebAssembly) | [`./blazorators`](https://github.com/IEvangelist/blazorators) | Hand-written custom library that wraps browser native `speechRecognition` API implementation. |

| [HaveIBeenPwned.Client](https://www.nuget.org/packages/HaveIBeenPwned.Client) | [`./pwned-client`](https://github.com/IEvangelist/pwned-client) | A .NET HTTP client for the "have i been pwned" API service from Troy Hunt.  |

## GitHub Actions

I'm also using my Resource Translator: https://github.com/IEvangelist/resource-translator, which translates _.resx_ resource files.

> [💡 Ideas](https://gist.github.com/IEvangelist/d43abafb64d207bff25e60769e986bbd) for the application to include.

[learning-blazor]: https://bit.ly/learning-blazor