Blazor is an open source .NET web front-end framework that allows us to create client-side applications using C# and HTML.

ASP.NET web application consuming built-from-scratch tic-tac-toe engine hosted on GitHub packages and integrating CI workflows and test coverage

Create and run your first Blazor WebAssembly (client-side) app by running:

dotnet new blazorserver -o tic-tac-toe
cd tic-tac-toe
dotnet watch run

Once a change is saved, the dotnet watch run command will restart the app and refresh it in the browser so that any changes show up on the page.

If strictly viewing the application w/o making any changes, run the command dotnet run

Head to https://localhost:portNumber to see your first Blazor WebAssembly app!

Take a quick look at the contents of the BlazorApp directory. Several files were created in the BlazorApp directory, to give you a simple Blazor app that is ready to run:

• Program.cs is the entry point for the app that starts the server

• Startup.cs is where you configure the app services and middleware

• App.razor is the root component for the app

• The BlazorApp/Pages directory contains some example web pages for the app

• BlazorApp.csproj defines the app project and its dependencies

1. Rename the Home.razor file in the Pages directory to TicTacToe.razor

2. Remove Counter.razor, FetchData.razor, and Index.razor from the Pages directory

3. In the Shared directory, remove the Counter and Fetch data line items from the unordered list

// Shared/NavMenu.razor
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
    <ul class="nav flex-column">
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="/">
                <span class="oi oi-x" aria-hidden="true"></span> Tic-Tac-Toe
            </NavLink>
        </li>
    </ul>
</div>