Blazor (ASP.NET Core) - Odd Image Out Game

How to build a simple image-based quiz game using ASP.NET Core Blazor and .NET 5.0.

In this video, we will see how to create a simple game development web application using ASP.NET Core Blazor, .NET Core 5.0 and with Visual Studio 2019. Here, we will be creating “Odd Image Out Game”. In this game, a total of 5 questions will be asked. In each question, we will display 4 set of Images, in that one Image will be different from the other three. Users have to pick the odd image from the four images. If user picks the correct odd image from the question, user will get 10 points. If user selects the wrong answer, then he will get -5 points. After all the 5 questions have been answered by users, the result will be calculated and if the users points are 50, then the user wins the game and if the user gets less than 50 points, then the user loses the game. Steps: 1- First, let's add a new folder “Images" inside the wwwroot, Here, we have added sample 48 images for our 15 questions. github.com/haythamsarawy/Blazor-Odd-Image-Out-Game 2- We will create a model class in our shared project for working with WEB API and in our client application for displaying the questions. Right Click Shared project and click on Add New Class. we give the class name as gameImages.cs and click on Add to create your model class. Inside shared project. 3- Creating Web API for Get Image Details for the Game. To create our WEB API Controller, right click our Server project Controllers folder. Click Add New Controller. 4- We add method to get all the Game Images, for this, here we are not using database and adding all the image details to list and return the list as Enumerable and in our client, we will receive the JSON result and display all the game questions and images. 5- Add the Razor view page, right click the Pages folder from the Client project. Click on Add - New Item.Select Razor View - Enter your page name. Here, we have given the name as games.razor blazer game blazor games blazor game example blazor game development blazer full game highlights blazer good game blazor browser game blazer game changer blazor card game blazor canvas game blazor c# game blazor game development blazor game example blazor game loop blazor multiplayer game blazor memory game blazor online game blazor game tutorial .net odd image blazor odd image #blazortraining #blazortrain