Creating a PWA

Learn how to create our project in Blazor WebAssembly using the Blazor WebAssembly project template.

We'll cover the following

Getting started with the project
Test yourself

A WeatherForecast project will be created by using the Empty Blazor WebAssembly App project template. First, we will use JS interop with the Geolocation API to obtain the coordinates of the device. We will then use the OpenWeather One Call API to obtain a weather forecast for those coordinates. Next, we will create a couple of Razor components to display the forecast.

In order to convert the web app into a PWA, we will add a logo, a manifest file, and an offline page service worker. After testing the service worker, we will install, run, and uninstall the PWA.

Getting started with the project

Get hands-on with 1200+ tech skills courses.

Introduction to Blazor WebAssembly

Building Your First Blazor WebAssembly Application

Counter App

Building a Modal Dialog Using Templated Components

Task Tracking System

Building Local Storage Service Using JavaScript Interoperability

Building a Weather App as a Progressive Web App (PWA)

Building a Shopping Cart Using Application State

Building a Kanban Board Using Events

Completing the Kanban Board Project

Building a Task Manager Using ASP.NET Web API

Building an Expense Tracker Using the EditForm Component

Completing TaskManager Project

Conclusion

Local Installations

Creating a PWA

Getting started with the project