Lieven Yperman
Creative Developer
0  /  100
keyboard_arrow_up
keyboard_arrow_down
keyboard_arrow_left
keyboard_arrow_right
My First Blazor wasm App

Time & Space

Scroll Down

Time travel used to be thought of as just science fiction, but Einstein's general theory of relativity allows for the possibility that we could warp space-time so much that you could go off in a rocket and return before you set out. -Stephen Hawking

My Blazor Wasm Time Tracker

I know, there are plenty of free time trackers out there, bloated with lots of awesome features, I'm not trying to reinvent the wheel here. This was my first project to explore the Blazor WebAssembly technology and how it would perform with timebased UI updates.

Azure Resources

  • Deployed to an Azure Web App
  • Secured by Azure Active Directory
  • Backed by an Azure SQL database

Demo Time!

Instead of trying to explain all the functionality, I wanted to demonstrate you what it's all about. Making the web application publicly available is an obvious solution, but I did not want to spend my time on securing all resources.

Challenge accepted! I thought it would be a good excercise to rebuild the app with an "offline-first" strategy: try to make it work without having an internet connection and without having to make calls to a database. Of course this means that your data no longer exists when you close your browser. For that to work though, I can arrange you a few magic services...

You can find my work-in-progress here: https://ly-demo-blazortimetracker.azurewebsites.net

Features

Blazor WebAssembly App

That moment I couldn't believe my eyes when I read that Blazor allows us to use C# and .NET in the browser instead of javascript!

Azure Resources

The ease of publishing to an Azure App Service from within Visual Studio, makes it an obvious choice.

Paper CSS

In a search for web design, I stumbled upon this funny looking sketch design.

You can find it here: getpapercss.com