Skip to content

This repository contains a simple Progressive Web App (PWA) demo

Notifications You must be signed in to change notification settings

dankore/progressive-web-app-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo app home page

Progressive Web App Demo

This repository contains a simple Progressive Web App (PWA) demo. The following files are included in the project:

  1. manifest.json - Contains metadata about the web app.
  2. sw.js - Service worker script for offline functionality and caching.
  3. script.js - Main JavaScript file that registers the service worker for the PWA.
  4. styles.css - CSS file for styling the web app using Tailwind CSS.
  5. index.html - The main HTML file for the app's structure.

Demo Screenshot

Here is a screenshot of the demo just before the install:

Demo PWA install

Getting Started

To get started with this PWA demo, simply follow these steps:

  1. Clone the repository:

    git clone https://github.com/dankore/progressive-web-app-demo.git
    cd progressive-web-app-demo
  2. Install the dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Open your browser and navigate to http://localhost:3000 to view the demo.

Features

  • Offline support using a service worker
  • Metadata provided by manifest.json
  • Simple and clean design with Tailwind CSS. Set up not included.

How to Use

  1. Clone the repository:
    git clone https://github.com/dankore/progressive-web-app-demo.git
  2. Navigate to the project directory:
    cd progressive-web-app-demo
  3. Install the dependencies:
    npm install
  4. Start the development server:
    npm start
  5. Open your browser and navigate to http://localhost:3000 to view the demo.

About

This repository contains a simple Progressive Web App (PWA) demo

Topics

Resources

Stars

Watchers

Forks