Add project files.

QUR.sln

@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.7.34003.232
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "QUR", "QUR\QUR.csproj", "{966A0A9A-4B62-4ADD-95A0-446B7FA17204}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{966A0A9A-4B62-4ADD-95A0-446B7FA17204}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{966A0A9A-4B62-4ADD-95A0-446B7FA17204}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{966A0A9A-4B62-4ADD-95A0-446B7FA17204}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{966A0A9A-4B62-4ADD-95A0-446B7FA17204}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {EC87F543-4672-4DFC-A824-39DF23C930F7}
+	EndGlobalSection
+EndGlobal

QUR/App.razor

@@ -0,0 +1,11 @@
+<Router AppAssembly="@typeof(App).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+    </Found>
+    <NotFound>
+        <PageTitle>Not found</PageTitle>
+        <LayoutView Layout="@typeof(MainLayout)">
+            <p role="alert">Sorry, there's nothing at this address.</p>
+        </LayoutView>
+    </NotFound>
+</Router>

QUR/Extensions.cs

@@ -0,0 +1,10 @@
+namespace QUR
+{
+	public static class Extensions
+	{
+		public static int Round(this double x)
+		{
+			return (int)Math.Round(x);
+		}
+	}
+}

QUR/Pages/Clock.razor

@@ -0,0 +1,36 @@
+@page "/Clock"
+
+@inject Blazored.LocalStorage.ILocalStorageService localStorage
+
+<MudContainer>
+	<MudPaper>
+		<MudText>
+			@($"{hr.Round()}:{min.Round()}:{sec.Round()}")
+		</MudText>
+	</MudPaper>
+</MudContainer>
+
+@code {
+	System.Threading.Timer timer;
+	double hr, min, sec;
+
+	// NOTE: this math can be simplified!!!
+	private void SetClock(object stateInfo)
+	{
+		var time = DateTime.Now;
+		hr = time.Hour;
+		min = time.Minute;
+		sec = time.Second;
+		StateHasChanged(); // MUST CALL StateHasChanged() BECAUSE THIS IS TRIGGERED BY A TIMER INSTEAD OF A USER EVENT
+	}
+
+	protected override async Task OnInitializedAsync()
+	{
+		await base.OnInitializedAsync();
+
+		SetClock(null);
+
+		timer = new System.Threading.Timer(SetClock, new System.Threading.AutoResetEvent(false), 10, 10); // 10 milliseconds
+	}
+
+}

QUR/Pages/Clock.razor.css

@@ -0,0 +1,102 @@
+.clock-container {
+	background-color: midnightblue;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	min-height: 75vmin;
+}
+
+.clock {
+	position: relative;
+	overflow: hidden;
+	background-color: inherit;
+	height: 70vmin;
+	width: 70vmin;
+	border-radius: 50%;
+	box-shadow: 0 -12px 12px rgba(255,255,255,.1),
+				inset 0 -12px 12px rgba(255,255,255,.1),
+				0 12px 12px rgba(0,0,0,.1),
+				inset 0 12px 12px rgba(0,0,0,.1);
+}
+	.clock div {
+		position: absolute;
+		top: 0;
+		left: 0;
+		height: 100%;
+		width: 100%;
+		background-color: transparent;
+	}
+		.clock div div {
+			left: 50%;
+			width: 0;
+		}
+	.clock span {
+		position: absolute;
+		font-family: Arial;
+		font-size: 5vmin;
+		font-weight: bold;
+		color: lime;
+	}
+	.clock .h12 {
+		left: 50%;
+		top: 3%;
+		transform: translateX(-50%);
+	}
+	.clock .h12::before {
+		content: "12";
+	}
+	.clock .h3 {
+		left: 97%;
+		top: 50%;
+		transform: translate(-100%, -50%);
+	}
+	.clock .h3::before {
+		content: "3";
+	}
+	.clock .h6 {
+		left: 50%;
+		top: 97%;
+		transform: translate(-50%, -100%);
+	}
+	.clock .h6::before {
+		content: "6";
+	}
+	.clock .h9 {
+		left: 3%;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+	.clock .h9::before {
+		content: "9";
+	}
+	.clock .ctr {
+		width: 3%;
+		height: 3%;
+		border-radius: 50%;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		background-color: wheat;
+	}
+
+.clock .hour div {
+	top: 20%;
+	height: 30%;
+	border: 2px solid wheat;
+	margin-left: -2px;
+}
+
+.clock .minute div {
+	top: 10%;
+	height: 40%;
+	border: 2px solid wheat;
+	margin-left: -2px;
+}
+
+.clock .second div {
+	top: 5%;
+	height: 65%;
+	border: 1px solid red;
+	margin-left: -1px;
+}

QUR/Pages/Index.razor

@@ -0,0 +1,7 @@
+@page "/"
+
+<PageTitle>Index</PageTitle>
+
+<MudText Typo="Typo.h3" GutterBottom="true">Hello, world!</MudText>
+<MudText Class="mb-8">Welcome to your new app, powered by MudBlazor!</MudText>
+<MudAlert Severity="Severity.Normal">You can find documentation and examples on our website here: <MudLink Href="https://mudblazor.com" Typo="Typo.body2" Color="Color.Inherit"><b>www.mudblazor.com</b></MudLink></MudAlert>

QUR/Program.cs

@@ -0,0 +1,22 @@
+using Blazored.LocalStorage;
+using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using MudBlazor.Services;
+using QUR;
+using System.Runtime.CompilerServices;
+
+internal class Program
+{
+	private static async Task Main(string[] args)
+	{
+		var builder = WebAssemblyHostBuilder.CreateDefault(args);
+		builder.RootComponents.Add<App>("#app");
+		builder.RootComponents.Add<HeadOutlet>("head::after");
+
+		builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
+		builder.Services.AddMudServices();
+		builder.Services.AddBlazoredLocalStorage();
+
+		await builder.Build().RunAsync();
+	}
+}

QUR/Properties/launchSettings.json

@@ -0,0 +1,31 @@
+{
+  "profiles": {
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      },
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}"
+    },
+    "Mudblazor.Template": {
+      "commandName": "Project",
+      "launchBrowser": true,
+      "launchUrl": "https://localhost:5001/Clock",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      },
+      "dotnetRunMessages": "true",
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "applicationUrl": "https://localhost:5001;http://localhost:5000"
+    }
+  },
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:65283",
+      "sslPort": 44398
+    }
+  }
+}

QUR/QUR.csproj

@@ -0,0 +1,21 @@
+<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
+
+	<PropertyGroup>
+		<TargetFramework>net6.0</TargetFramework>
+		<Nullable>enable</Nullable>
+		<ImplicitUsings>enable</ImplicitUsings>
+		<ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
+	</PropertyGroup>
+
+	<ItemGroup>
+		<PackageReference Include="Blazored.LocalStorage" Version="4.4.0" />
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="6.0.2" />
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="6.0.2" PrivateAssets="all" />
+		<PackageReference Include="MudBlazor" Version="6.0.6" />
+	</ItemGroup>
+	
+	<ItemGroup>
+		<ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.published.js" />
+	</ItemGroup>
+
+</Project>

QUR/QUR.csproj.user

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
+    <DebuggerFlavor>ProjectDebugger</DebuggerFlavor>
+  </PropertyGroup>
+  <PropertyGroup>
+    <ActiveDebugProfile>Mudblazor.Template</ActiveDebugProfile>
+  </PropertyGroup>
+</Project>

QUR/QUR.sln

@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.0.31717.71
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "QUR", "QUR.csproj", "{10F3DF99-044A-4572-9E74-47EF62236C7A}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{10F3DF99-044A-4572-9E74-47EF62236C7A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{10F3DF99-044A-4572-9E74-47EF62236C7A}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{10F3DF99-044A-4572-9E74-47EF62236C7A}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{10F3DF99-044A-4572-9E74-47EF62236C7A}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {6D783587-A046-48F2-A679-516BE2CE5149}
+	EndGlobalSection
+EndGlobal

QUR/Shared/MainLayout.razor

@@ -0,0 +1,13 @@
+@inherits LayoutComponentBase
+
+<MudThemeProvider />
+<MudDialogProvider />
+<MudSnackbarProvider />
+
+<MudLayout>
+    <MudMainContent>
+        <MudContainer MaxWidth="MaxWidth.Large" Class="my-16 pt-16">
+            @Body
+        </MudContainer>
+    </MudMainContent>
+</MudLayout>

QUR/Shared/NavMenu.razor

@@ -0,0 +1,5 @@
+<MudNavMenu>
+    <MudNavLink Href="" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
+    <MudNavLink Href="counter" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Add">Counter</MudNavLink>
+    <MudNavLink Href="fetchdata" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.List">Fetch data</MudNavLink>
+</MudNavMenu>

QUR/_Imports.razor

@@ -0,0 +1,11 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.AspNetCore.Components.WebAssembly.Http
+@using Microsoft.JSInterop
+@using MudBlazor
+@using QUR
+@using QUR.Shared