FREE PRACTICAL AI LEARNING · LEARN BY DOINGNO SIGNUP NEEDED · YOUR WORK STAYS YOURS
Open PracticePRACTICAL AI ENGINEERING
FREE TOOL · BUILD APPS

Make an installable phone app that works offline

A Progressive Web App installs from the browser to the home screen and works offline — no app store, no fees. You will generate one, host it free, install it on your phone and switch on airplane mode to prove it works offline.

⏱ 20–40 min · Download a ZIP · Deploy free · No signup

You will practise

  • What a web manifest and service worker do
  • Offline caching basics
  • Installing a web app on Android and iPhone

No AI key needed. The code comes from a reviewed template.

  1. 1Brief

    Answer a few questions. The generator writes the code; you will read and change it.

    one friendly sentence

  2. 2Make

    Generate the project, then open every file. Comments explain each part. You can edit files right here.

  3. 3Check

    Automatic checks for the mistakes that break real projects: invalid config, leaked keys, missing security steps.

    • 4Improve

      1. Run the check first.
      Your change: Change the cache name in sw.js to v2 and add a “Clear all” button in index.html + app.js. Confirm the app updates on your phone.

    • 5Ship

      Any static host with https: GitHub Pages or Cloudflare Pages (free). Step-by-step instructions are inside README.md.

    Questions people ask

    Is a PWA a real app?

    It is a website that can be installed, open full-screen and work offline. For many simple tools that is all you need.

    Does it work on iPhone?

    Yes — install via Safari’s Share → Add to Home Screen. Some advanced features differ from Android.

    Do I need an AI key to use this?

    No. The guided template teaches the same skill with no AI at all. If you add your own free key (Groq, Google Gemini, OpenRouter, Mistral or Cerebras), the tool can also draft and revise. The key stays in your browser and requests go straight to that provider.

    Where is my work saved?

    In this browser only (local storage), until you copy or download it. Nothing you type is sent to Open Practice.

    Keep building

    Build appsWebsite GeneratorGenerate and publish a one-page website for freeBuild appsChrome Extension CreatorBuild your first Chrome extensionBuild appsLanding Page GeneratorBuild a landing page for one offerACADEMY COURSEFrom idea to working pageGo deeper: a full project course with fixtures, a capstone and a handbook.