Creating the guess the number project

The GuessTheNumber project will be created by using Microsoft’s Blazor WebAssembly App Empty project template to create an empty Blazor WebAssembly project. First, we will add the components needed for the project. We will add logging. We will debug the app in both Visual Studio and the browser. We will add an ErrorBoundary component. Finally, we will deploy the project to Microsoft Azure.

Steps to complete the project.

Getting started with the project

We need to create a new Blazor WebAssembly app. We do this as follows:

1. Open Visual Studio 2022.
2. Click the Create a new project button.
3. Press Alt+S to enter the search for templates textbox.
4. Enter Blazor and press the Enter key.

The following screenshot shows the Blazor WebAssembly App Empty project template.

Figure 3.21 – Blazor WebAssembly App Empty Project Template

1. Select the Blazor WebAssembly App Empty project template and click the Next button.
2. Enter GuessTheNumber in the Project...