search

cfpb / hackathon

planning a hack day at CFPB.
http://cfpb.github.io/hackathon/
Creative Commons Zero v1.0 Universal
5 stars 7 forks source link

CFPB progressive web app shell #20

Closed ascott1 closed 8 years ago

ascott1 commented 8 years ago

Project idea

Design and develop the shell of a progressive web application, that could potentially be used for future CFPB projects.

More detail

I'm pretty excited about the idea of progressive web apps and think the set of technologies they represent fit well into our stack (once we're serving everything over https).

Here's the main idea (from Alex Russel):

Responsive: to fit any form factor Connectivity independent: Progressively-enhanced with Service Workers to let them work offline App-like-interactions: Adopt a Shell + Content application model to create appy navigations & interactions Fresh: Transparently always up-to-date thanks to the Service Worker update process Safe: Served via TLS (a Service Worker requirement) to prevent snooping Discoverable: Are identifiable as “applications” thanks to W3C Manifests and Service Worker registration scope allowing search engines to find them Re-engageable: Can access the re-engagement UIs of the OS; e.g. Push Notifications Installable: to the home screen through browser-provided prompts, allowing users to “keep” apps they find most useful without the hassle of an app store Linkable: meaning they’re zero-friction, zero-install, and easy to share. The social power of URLs matters.

Further reading:

Scotchester commented 8 years ago

Your ideas are intriguing to me and I wish to subscribe to your newsletter.

willbarton commented 8 years ago

And then integrate it with https://github.com/willbarton/cfpb-django-app for the win!

ascott1 commented 8 years ago

And then integrate it with https://github.com/willbarton/cfpb-django-app for the win?

Exactly!

stephanieosan commented 8 years ago

What does it mean to design the application shell?

ascott1 commented 8 years ago

@stephanieosan take a look at this article: https://developers.google.com/web/updates/2015/11/app-shell

It's a pretty simple example, but I think it could give an idea for the types of design elements we could create.

ascott1 commented 8 years ago

I still :heart: this idea, but I don't plan on pitching it as a hackathon project. Closing!