Skip to content
This repository has been archived by the owner on Jan 31, 2020. It is now read-only.

pwarocks/pwa.rocks

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
May 16, 2018 15:56
April 12, 2016 12:46
February 15, 2016 16:47
May 12, 2016 11:17
October 13, 2016 15:18
November 24, 2016 14:24
January 30, 2017 19:50

List of Progressive Web Apps Build status

What is a progressive web app? See the “Progressive Web Apps” talk by Alex Russell and Andreas Bovens.

Contributing

We’re happy to feature other nice-looking progressive web apps in the list. They should:

  • Be served over HTTPS.
  • Have a manifest with a short_name and name, start_url, and a PNG icon of at least 144×144 pixels.
  • Have a service worker (making sure that the start_url functions offline).

This combination of features will trigger the web app install banner in Opera and Chrome (to trigger it on the first visit, we recommend enabling Bypass user engagement checks option in chrome:flags or opera:flags), unless the site is intercepting onbeforeinstallprompt. In the latter case, the banner is triggered at a custom point in time, defined by the site’s own logic.

How to Suggest an App

  • Fork this repository.
  • Create a branch, name it after your app.
  • Add an icon (preferably SVG) to the apps folder.
  • Add an entry to the src/index.html file:
<a class="list__item app js-app"
		href="URL"
		data-app="ID"
		data-tags="TAGS">
	<div class="app__wrapper">
		<h2 class="app__title">
			TITLE
		</h2>
	</div>
	<style>
		[data-app='ID'] {
			color: COLOR;
			background: currentColor url(apps/ID.svg) 50% 50% / 50% auto no-repeat;
			}
	</style>
</a>
  • Test it locally by opening the src/index.html file in your browser.
  • Commit all changes to your app branch and create a pull request.

Development

  • Fork this repository.
  • Create a branch, name it after the feature you’re implementing.
  • Clone it locally and start making changes.
  • Test it locally by opening the src/index.html file in your browser.
  • Commit all changes to your feature branch and create a pull request.

For full-scaled development and testing you can use the build system:

  • npm run server for the dev server and light build.
  • npm run build for the full build with caching.

About

A selection of Progressive Web Apps

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published