As pastas Pages e Shared são as mais importantes do projeto e contém componentes que são arquivos com a extensão .razor.

Na pasta Pages temos os componentes roteados, ou seja, que possuem uma rota definida usando a diretiva @page.

Na pasta Shared temos os componentes não roteados e que podem ser compartilhados com os demais componentes.

Na pasta Data é onde colocamos os dados que a aplicação vai usar.

O arquivo _Imports.razor é onde definimos os namespaces que poderão ser compartilhados com todos os componentes.

O arquivo App.razor é esta definindo o roteamento e o layout padrão usado no projeto.

No arquivo Startup.cs podemos configurar serviços e recursos da mesma forma que fazemos na ASP .NET Core.

<div class="top-row pl-4 navbar navbar-dark">
    <a class="navbar-brand" href="">Blazor_Questionario</a>
    <button class="navbar-toggler" @onclick="ToggleNavMenu">
        <span class="navbar-toggler-icon"></span>
    </button>
</div>

<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
    <ul class="nav flex-column">
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                <span class="oi oi-calculator" aria-hidden="true"></span> Home
            </NavLink>
        </li>
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="teste">
                <span class="oi oi-book" aria-hidden="true"></span> Teste seu Inglês
            </NavLink>
        </li>
    </ul>
</div>

@code {
    bool collapseNavMenu = true;

    string NavMenuCssClass => collapseNavMenu ? "collapse" : null;

    void ToggleNavMenu()
    {
        collapseNavMenu = !collapseNavMenu;
    }

public class Questionario
    {
        public string Pergunta { get; set; }
        public List<string> Opcoes { get; set; }
        public int RespostaIndex { get; set; }
        public int Placar { get; set; }

        public Questionario()
        {
            Opcoes = new List<string>();
        }
    }

namespace Blazor_Questionario.Data
{
    public class QuestionarioService
    {
        private static readonly List<Questionario> Questoes;

        static QuestionarioService()
        {
            Questoes = new List<Questionario> {
                new Questionario
                {
                    Pergunta = "Qual o plural de 'batata'?",
                    Opcoes = new List<string> {"Tomatoes", "Potatos", "Potatoes","Potats"},
                    RespostaIndex = 2,
                    Placar = 2
                },
                new Questionario
                {
                    Pergunta = "Qual a resposta da pergunta: Do you like ice-cream?",
                    Opcoes = new List<string> {"Yes, I don't like","No, I Like","Yes, I liked ice-cream","Yes, I do"},
                    RespostaIndex = 3,
                    Placar = 2
                },
                new Questionario
                {
                    Pergunta = "Como se diz 33 em Inglês ?",
                    Opcoes = new List<string> {"Twelve three","Thirty-three","Twenty three","Three three"},
                    RespostaIndex = 1,
                    Placar = 2
                },
                new Questionario
                {
                    Pergunta = "Como se pergunta : 'Posso entrar ?'",
                    Opcoes = new List<string> {"Can I came in?","Can I come in ?","May I came in ?","May I come in ?"},
                    RespostaIndex = 3,
                    Placar = 2
                },
                new Questionario
                {
                    Pergunta = "Qual a tradução para : 'How old you are ?'",
                    Opcoes = new List<string> {"Como você é velho ?","Qual a sua idade ?","Você esta velho ?","Como é ser velho ?"},
                    RespostaIndex = 1,
                    Placar = 2
                }
            };
        }

        public Task<List<Questionario>> GetQuestoesAsync()
        {
            return Task.FromResult(Questoes);
        }
    }
}

       public void ConfigureServices(IServiceCollection services)
        {
            services.AddRazorPages();
            services.AddServerSideBlazor();
            services.AddSingleton<QuestionarioService>();
       }

@page "/teste"

@inject QuestionarioService QuestionarioRepositorio

<h1>Teste seu Inglês !</h1>
<p>Seu placar atual é : @placarAtual</p>

@if (questoes == null)
{
    <p><em>Carregando...</em></p>
}
else
{
    int questaoIndex = 0;
    @foreach (var questaoItem in questoes)
    {
        <section>
            <h3>@questaoItem.Pergunta.</h3>
            <div class="form-check">
               @{
                    int opcaoIndex = 0;
                    questaoPlacar.Add(0);
                }
                @foreach (var opcao in questaoItem.Opcoes)
                {
                    int indiceAtualQuestao = questaoIndex;
                    <input class="form-check-input" type="radio" name="@questaoIndex" value="@opcaoIndex" 
                        @onchange="@((eventArgs) => 
                        atualizaPlacar(Convert.ToInt32(eventArgs.Value), indiceAtualQuestao))" />@opcao<br>

                    opcaoIndex++;
                }
            </div>
        </section>

        questaoIndex++;
    }
}

@code {
    List<Blazor_Questionario.Data.Questionario> questoes;
    List<int> questaoPlacar = new List<int>();
    int placarAtual = 0;

    protected override async Task OnInitializedAsync()
    {
        questoes = await QuestionarioRepositorio.GetQuestoesAsync();
    }

    void atualizaPlacar(int indiceRespostaEscolhida, int questaoIndex)
    {
        var questaoItem = questoes[questaoIndex];

        if (indiceRespostaEscolhida == questaoItem.RespostaIndex)
        {
            questaoPlacar[questaoIndex] = questaoItem.Placar;
        }
        else
        {
            questaoPlacar[questaoIndex] = 0;
        }
        placarAtual = questaoPlacar.Sum();
    }
}