SoccerPong

Fútbol

Un clon de pong para explorar el proceso de desarrollo de una aplicación web interactiva en tiempo real utilizando ASP.NET Blazor WebAssembly.

Jugar en línea

https://mdeclerk.github.io/soccerpong

Para implementar automáticamente en las páginas de GitHub utilizando acciones de GitHub, seguí este increíble tutorial.

Jugar localmente

1. Instale Microsoft .NET SDK 6.0

2. Proyecto clon de Github

3. Iniciar al host desde CLI (en la carpeta Root del proyecto)

   $ dotnet run

4. Juega en el navegador: http: // localhost: 5000

Juega desde Docker Container con Nginx como servidor web

1. Instalar Docker Desktop

2. Proyecto clon de Github

3. Ejecute como Docker Service (en la carpeta Root del Proyecto):

   $ docker-compose up -d

4. Juega en el navegador: http: // localhost: 5000

Se puede encontrar información útil sobre la contenedor de aplicaciones Blazorwasm aquí.

Diseño de código

• Vistas/ contiene UI front-end usando componentes blazor

  • Vistas/ componentes/ contiene componentes de interfaz de usuario reutilizables
  • Vistas/ páginas/ contiene páginas enrutables

• Servicios/ Contiene objetos relacionados con el juego de fondo implementados como ASP.NET Servicios administrados por el sistema de inyección de dependencia

• wwwroot/ contiene archivos web estáticos, por ejemplo, CSS, imágenes y kit de herramientas front-end bootstrap5

Dependencias

• Blazored.localStorage utilizado para cargar/guardar opciones de juego para los navegadores de almacenamiento local.