Creating the ExpenseTracker Project

Learn how to create our project in Blazor WebAssembly using the Blazor WebAssembly project template.

The ExpenseTracker project will be created by using Microsoft's Blazor WebAssembly App project template to create a hosted Blazor WebAssembly app. First, we will remove the demo project. Then, we will add the classes and API controllers needed for our project. We will add a table to the “Home” page to display the current list of expenses. Finally, we will use the EditForm component in conjunction with many of the built-in input components to add and edit the expenses.

Getting started with the project

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

  1. Open Visual Studio.

  2. Click the “Create a new project” button.

  3. In the “Search for templates (Alt + S)” textbox, enter “Blazor” and hit the “Enter” key.
    The following screenshot shows the Blazor WebAssembly App project template that we will be using.

Get hands-on with 1200+ tech skills courses.