SoccerPong

Futebol

Um clone de pong para explorar o processo de desenvolvimento de um aplicativo interativo em tempo real usando o ASP.NET Blazor WebAssembly.

Jogue online

https://mdeclerk.github.io/soccerpong

Para implantar automaticamente as páginas do GitHub usando ações do GitHub, segui este tutorial incrível.

Jogue localmente

1. Instale Microsoft .Net SDK 6.0

2. Projeto de clone do Github

3. Inicie o host da CLI (na pasta raiz do projeto)

   $ dotnet run

4. Jogue no navegador: http: // localhost: 5000

Jogue no Docker Container com Nginx como servidor da Web

1. Instale o Docker Desktop

2. Projeto de clone do Github

3. Execute como serviço do docker (na pasta raiz do projeto):

   $ docker-compose up -d

4. Jogue no navegador: http: // localhost: 5000

Informações úteis sobre os aplicativos Blazorwasm em contêiner podem ser encontrados aqui.

Layout de código

• Vistas/ contém a interface do usuário do front-end usando componentes Blazor

  • Visualizações/ componentes/ contém componentes de interface do usuário reutilizáveis
  • Visualizações/ páginas/ contém páginas rotáveis

• Serviços/ contém objetos relacionados ao jogo de back-end implementados como Serviços ASP.NET gerenciados pelo Sistema de Injeção de Dependência

• wwwroot/ contém arquivos da web estática, por exemplo, css, imagens e bootstrap5 front-end kit

Dependências

• Blazored.localStorage usado para carregar/salvar as opções de jogo para navegar armazenamento local.