From 3a2dfc1209854fc17be564a6228cc5e0468403c8 Mon Sep 17 00:00:00 2001 From: Hamish Willee Date: Fri, 21 Jun 2024 09:53:13 +1000 Subject: [PATCH] Slight restructure on CycleTracker intro --- .../progressive_web_apps/tutorials/cycletracker/index.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/index.md b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/index.md index b67d835d4d510bc..57f89dd3c9de6e3 100644 --- a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/index.md +++ b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/index.md @@ -8,12 +8,12 @@ page-type: tutorial {{PWASidebar}} -This intro-level tutorial walks through all the steps of building a basic progressive web app, or PWA. We will be using web technologies — HTML, CSS, and JavaScript — to build a period tracking web app called "CycleTracker". Like all web apps, CycleTracker is designed to work in all browsers on all devices. - -We will walk through the steps of building a fully functional web app, then progressively enhance CycleTracker to [make it installable](/en-US/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable) and to work even when the user is offline using a service worker. +This intro-level tutorial walks through all the steps of building a basic progressive web app, or PWA. We will be using web technologies — HTML, CSS, and JavaScript — to build a menstruation cycle tracking web app called "CycleTracker". Like all web apps, CycleTracker is designed to work in all browsers on all devices. By default, PWAs are regular websites, built with the same technologies. Just like regular websites, PWAs are linkable, discoverable via search engines, and visible in a browser. By including a manifest file, and serving the website over TLS, any website can become a PWA. +We will first cover the steps of building a fully functional web app, then progressively enhance CycleTracker to [make it installable](/en-US/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable), and to work even when the user is offline. + ## PWA benefits Using the languages of the web, we will create a fully functioning application that works both online and offline, both in the browsers and on the user's operating systems (OS). Like any regular website, CycleTracker is hosted on and downloadable from a web server. All we need is a text editor: CycleTracker, like all PWAs, doesn't require any additional programming language knowledge, packaging, or proprietary SDK. CycleTracker, like any PWA, can be seamlessly installed on any operating system without the need of app stores (nor app store approval and fees).