Blazor and API Example: Classroom Quiz Application

By Taurius Litvinavicius

This short book will show you how a Blazor client-side project and .net core API project can be combined to make a classroom quiz application. The idea of this is for the quiz to be stored server-side, while the actual solving of it happens only on the client-side.

• Language: English
• Publisher: Taurius Litvinavicius
• Release date: Apr 9, 2020
• ISBN: 9780463504758

Taurius Litvinavicius

Taurius is a businessman and technology expert who has worked with various technology related and other projects. He currently works on a platform called mashdrop, which as most of his projects this one uses cutting-edge technologies such as Blazor.Taurius is also the director at the Conficiens solutio consulting agency, where he supervises development and maintenance of various projects and activities.

Book preview

Blazor and API example - classroom quiz application

an example of Blazor and .NET CORE API combination

Taurius Litvinavicius

Introduction

This book will explain a real-world code example build using C# only - .net core API and Blazor. You will see how much time you can save by invoking such method of development, how the code looks cleaner and saves space. But more importantly, you will pick up some great tips and tricks for your future ventures.

The classroom quiz is called that because it is meant to be solved in a classroom, preferably on a local server. Therefore, we store it in the database, but all the solving logic can occur on the client. Hence, making Blazor the perfect technology for this assignment.

Figure 1 quiz create form

The first thing we will be able to do is create a quiz, we have only three properties for the quiz – title, description and time limit (in seconds). In order to add questions, you will first have to submit the quiz.

Figure 2 add question button

Once you submit your quiz, the view will change, and you will be able to open question form by clicking the Add question button.

Figure 3 question create form