• Stars
    star
    943
  • Rank 46,864 (Top 1.0 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐ŸŽ‰ Demo for Progressive Web Application and its features.

Progressive Web Application

A demo for progressive web application with features like offline, push notifications, background sync etc,

Live

Installation

Step 1 - clone the repo

$ git clone https://github.com/gokulkrishh/demo-progressive-web-app

Step 2 - cd in the repo

$ cd demo-progressive-web-app

Step 3 - install dependencies

$ npm install

Step 4 - run application

$ npm run start

In browser, open http://localhost:3000

Main Features

  • - App Shell Architecture

  • - Service Worker + Navigation Preload (Origin Trial)

  • - Add to Home Screen, Splash Screen, Browser Mode, Notify user if site is updated etc,

  • - Offline Support

  • - Online/Offline Events

  • - Fetch API

  • - Push Notifications

  • - Background Sync

  • - Web Share API

Get started with PWA Development

List of Progressive Web Apps

References

License

MIT ยฉ Gokulakrishnan

If you found a bug or some improvments, feel free to raise an issue and send a PR!

More Repositories

1

awesome-meta-and-manifest

โšก Awesome collection of meta tags & manifest properties.
756
star
2

expense.fyi

Effortlessly track and manage expenses on-the-go with categorisation and logging.
TypeScript
589
star
3

qrcodescan.in

QR Code Scanner is the simplest, fastest and most user-friendly web application.
JavaScript
249
star
4

bmrk.cc

Bookmark It. is a bookmark manager to organize, discover & personalize your bookmarks
TypeScript
189
star
5

how-to-setup-webpack-2

๐Ÿ”ง โš™ Tutorial to setup webpack 2 from scratch.
108
star
6

React-hacker-news

๐Ÿ”‘ Hacker News site using React.js (fully responsive site)
JavaScript
101
star
7

dotfiles

Setup your MacOS for web development in few minutes.
Shell
88
star
8

awesome-web-newsletters

๐Ÿ”ฅ List of awesome web related newsletter to subscribe.
62
star
9

React-google-maps

Google maps application using React.js
JavaScript
42
star
10

data-structures-and-algorithms

Basics for learning data structures and algorithms.
JavaScript
35
star
11

anonymous-web

๐Ÿ’ฌ A PreactJS powered progressive web (chat) application (Not active)
JavaScript
29
star
12

fuel-price

โ›ฝ Check fuel prices daily in most of the states in India
JavaScript
23
star
13

how-it-works

> How it works - A blog post series to explain how things work inside a javascript feature/method.
JavaScript
23
star
14

preact-pwa-boilerplate

Ready-to-rock Preact starter project with pwa support, powered by Webpack
JavaScript
21
star
15

create-react-component

A simple react component boilerplate using webpack 2
JavaScript
19
star
16

rest-api-deno

๐Ÿฆ–Todo list rest API using deno runtime!
JavaScript
18
star
17

ES6-Cheetsheets

A minimal documentation of ES6 features with cheetsheets & examples
16
star
18

subs.is

Track and organise all your subscriptions from one app, without any hassle.
TypeScript
16
star
19

Tools-I-use

A collection of tools and applications I use for Frontend Development
15
star
20

Javascript-Guidelines

Javascript Basics and Guidelines
14
star
21

habits-tracker

A habit tracker app (Made it for myself :P)
JavaScript
14
star
22

tensorflow-find-object

๐Ÿ“ธ A simple application to demonstrate TensorflowJS using mobile net model to predict objects via camera API.
JavaScript
12
star
23

hamburger-menu

๐Ÿ” Auditing of hamburger menu to result in 60fps animation
CSS
11
star
24

code-js

JS Concepts with code explaination
JavaScript
10
star
25

react-material-snackbar

A material design snack bar react component (~2KB gzipped)
JavaScript
10
star
26

js-interview-questions

Repo contains basic & famous interview questions in javascript
9
star
27

awesome-new-domains

List of awesome .new domains!
7
star
28

is-domain-available

Check domain availability
JavaScript
7
star
29

create-react-app-with-pwa-support

Create react app by facebook with progressive web application support
JavaScript
6
star
30

react-hooks-accordion

A simple accordion using react hooks ๐Ÿคช
JavaScript
6
star
31

set-default-browser

๐ŸŒ Set a browser as default browser
JavaScript
5
star
32

is-valid-ip

Check if a string is valid ip address
JavaScript
5
star
33

bmrk.cc-extensions

Extensions for bmrk.cc web application.
TypeScript
5
star
34

fingerprint-mock-web-api

CSS based fingerprint animation
HTML
4
star
35

vscode-night-mode

VS Code Extension to change custom theme in evening & revert to previous in morning
JavaScript
4
star
36

introduction-to-graphql

๐Ÿ“‰๐Ÿ“ŠIntroduction to GraphQL & its concepts, limitations etc.
JavaScript
4
star
37

react-material-spinner

A material design based spinner react component
CSS
3
star
38

movies-api-restful

Restful api for movies, cast etc
JavaScript
3
star
39

nearby-atms

Find near by atm's with last active status powered by PreactJS
JavaScript
3
star
40

talks

All my talks in one place.
3
star
41

buttondown-subscribers-count

A simple API to get the count of subscribers
JavaScript
3
star
42

how-to-setup-angular-2

Guide to get started with Angular 2 using webpack. Learn more about angular 2 by doing it from scratch.
JavaScript
3
star
43

rest-api

A example todo list rest api using express and mongodb.
JavaScript
3
star
44

wfh-abbrs

Abbreviations you should know when you are ๐Ÿ  working from home (WFH).
JavaScript
2
star
45

IndexedDB

Examples for IndexedDB API's
2
star
46

offline-web-apps

Presentation for progressive web apps
HTML
2
star
47

css-animations-60fps

A small test to analyze the css animation fps in devTools
CSS
2
star
48

gvi

๐Ÿ“ฆ Get version information of an npm package.
JavaScript
2
star
49

gatsby-lite-boilerplate

๐Ÿ’…A simple and minimalistic theme to get started with gatsby based blog
JavaScript
2
star
50

flat-btns

A simple flat buttons using css
CSS
2
star
51

dark-theme-vscode

Yet an another dark theme for vscode ๐Ÿคฏ
2
star
52

teardown

๐Ÿ’ฃ Teardown the published project in surge.sh via command line.
JavaScript
2
star
53

web-apis-and-event-listeners

A curated list of Web APIs & Event Listeners in javascript (Audio, Shadow DOM, Network, Battery, Permission etc,.
2
star
54

notify.js

A simple notification plugin written using vanilla javascript
JavaScript
2
star
55

awesome-tech-blogs

A list of Tech Blogs.
JavaScript
1
star
56

generator-html-boilerplate

A HTML generator to create a site with help of gulp.js
JavaScript
1
star
57

tic-tac-toe

Most dumbest tic tac toe game ever built using react hooks :P
JavaScript
1
star
58

chrome-splash-screen

An example for chrome splash screen & add to home screen in web apps
JavaScript
1
star
59

bun

JavaScript
1
star
60

nextjs-dashboard-template

A free NextJS based dashboard template written in appDir
TypeScript
1
star
61

gokulkrishh

gokulkrishh
1
star
62

.github

Default files
CSS
1
star
63

Sample-Node-API

Using Express 4.x.x and mongodb to create a simple API
JavaScript
1
star
64

video2gif

A simple progressive web application using preact.js to create GIF from a video.
JavaScript
1
star
65

The-Social-Web-Search

Get social hashtags , mentions results through Social Mention API.
1
star