https://github.com/mdeclerk/SoccerPong

A Pong clone to explore the development process of a real-time interactive Web App using ASP.NET Blazor WebAssembly.
https://github.com/mdeclerk/SoccerPong

aspnet blazor blazor-webassembly csharp docker dotnet nginx-docker webapplication

Last synced: 18 days ago
JSON representation

A Pong clone to explore the development process of a real-time interactive Web App using ASP.NET Blazor WebAssembly.

• Host: GitHub
• URL: https://github.com/mdeclerk/SoccerPong
• Owner: mdeclerk
• License: mit
• Created: 2021-08-05T20:04:37.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-17T20:09:54.000Z (almost 3 years ago)
• Last Synced: 2024-07-21T19:50:07.970Z (4 months ago)
• Topics: aspnet, blazor, blazor-webassembly, csharp, docker, dotnet, nginx-docker, webapplication
• Language: HTML
• Homepage: https://mdeclerk.github.io/SoccerPong
• Size: 24.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SoccerPONG

A Pong clone to explore the development process of a real-time interactive Web App using ASP.NET Blazor WebAssembly.

![SoccerPong](SoccerPong.gif)

## Play Online

> ## https://mdeclerk.github.io/SoccerPong

_To automatically deploy to GitHub Pages using GitHub Actions I followed [this](https://swimburger.net/blog/dotnet/how-to-deploy-aspnet-blazor-webassembly-to-github-pages) awesome tutorial._

## Play Locally

1. Install [Microsoft .NET SDK 6.0](https://dotnet.microsoft.com/download)

2. Clone Project from GitHub

3. Start Host from CLI (in Project Root Folder)

    `$ dotnet run`

4. Play in Browser: http://localhost:5000

## Play from Docker Container w/ NGINX as web server

1. Install [Docker Desktop](https://docs.docker.com/desktop)

2. Clone Project from GitHub

3. Run as Docker Service (in Project Root Folder):

   `$ docker-compose up -d`

4. Play in Browser: http://localhost:5000

_Helpful information about containerizing BlazorWASM apps can be found [here](https://chrissainty.com/containerising-blazor-applications-with-docker-containerising-a-blazor-webassembly-app)._

## Code Layout

- **Views/** contains front-end UI using Blazor components

    - **Views/Components/** contains reusable UI components

    - **Views/Pages/** contains routable pages

- **Services/** contains back-end game related objects implemented as ASP.NET services managed by dependency injection system

- **wwwroot/** contains static web files e.g. css, images, and [bootstrap5](https://getbootstrap.com/) front-end toolkit

## Dependencies

- **[Blazored.LocalStorage](https://github.com/Blazored/LocalStorage)** Used to load/save game options to browsers local storage.