GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → vaneenige → Offline Gallery

vaneenige / Offline Gallery

Licence: mit
🎈 A 16kb Preact & Redux based Progressive Web App that offers an offline gallery experience of external images.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reduxpwacacheofflinepreactservice-workerexperiment

Projects that are alternatives of or similar to Offline Gallery

Next Offline
make your Next.js application work offline using service workers via Google's workbox
Stars: ✭ 1,306 (+1351.11%)
Mutual labels:  cache, offline, pwa, service-worker
Navi
Open Source Project for Grow with Google Udacity Scholarship Challenge - Navigation app using offline first strategy and google maps api - To get started please refer to the README.md - CONTRIBUTING.md and the project Wiki
Stars: ✭ 51 (-43.33%)
Mutual labels:  offline, pwa, preact, service-worker
Notes
Offline-first notepad PWA
Stars: ✭ 163 (+81.11%)
Mutual labels:  offline, pwa, service-worker
Ember Service Worker
A pluggable approach to Service Workers for Ember.js
Stars: ✭ 227 (+152.22%)
Mutual labels:  offline, pwa, service-worker
Pwastats
A directory of Progressive Web App case studies.
Stars: ✭ 88 (-2.22%)
Mutual labels:  offline, pwa, service-worker
Bento Starter
🍱 Full-Stack solution to quickly build PWA applications with Vue.js and Firebase
Stars: ✭ 1,519 (+1587.78%)
Mutual labels:  offline, pwa, service-worker
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (+172.22%)
Mutual labels:  offline, pwa, service-worker
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+4837.78%)
Mutual labels:  offline, pwa, service-worker
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (+326.67%)
Mutual labels:  offline, pwa, preact
Super Progressive Web Apps
SuperPWA helps to convert your WordPress website into Progressive Web Apps instantly. PWA (Progressive Web Apps) demo at : https://superpwa.com and Plugin :
Stars: ✭ 304 (+237.78%)
Mutual labels:  offline, pwa, service-worker
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (+194.44%)
Mutual labels:  offline, pwa, service-worker
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+638.89%)
Mutual labels:  offline, pwa, service-worker
Upup
✈️ Easily create sites that work offline as well as online
Stars: ✭ 4,777 (+5207.78%)
Mutual labels:  offline, pwa, service-worker
Next Pwa
Zero config PWA plugin for Next.js, with workbox 🧰
Stars: ✭ 909 (+910%)
Mutual labels:  cache, pwa, service-worker
Pwa Module
Zero config PWA solution for Nuxt.js
Stars: ✭ 1,033 (+1047.78%)
Mutual labels:  offline, pwa
Create React Pwa
https://github.com/facebookincubator/create-react-app + Progressive Web App goodness
Stars: ✭ 1,268 (+1308.89%)
Mutual labels:  offline, service-worker
Angular2 Hn
💥 Progressive Hacker News client built with Angular
Stars: ✭ 1,293 (+1336.67%)
Mutual labels:  offline, service-worker
Pushkit
All the required components to set up independent web push notifications 🎈
Stars: ✭ 45 (-50%)
Mutual labels:  pwa, service-worker
Yinyue
🏖Version Of Progressive Web App ( Serverless )
Stars: ✭ 57 (-36.67%)
Mutual labels:  pwa, service-worker
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-5.56%)
Mutual labels:  pwa, preact
View All Similar Projects ➔

Offline Gallery

A 16kb Preact & Redux based Progressive Web App that offers an offline gallery experience of external images.

This application uses the Service Worker API which allows the user to have control the cache.

This application shows how postMessage() can be used to let the client communicate with the Service Worker to load assets, place them in the cache and display them instantly afterwards.

After loading an external asset it's available offline and can also be removed from the cache.

Click here for a demo!

Structure

To keep performance high and application size small this application is powered by Preact. A 3kb React alternative that works with the same ES6 API. Together with Redux for keeping state it's really fast.

  • Based on Preact Redux Example by developit.

  • Preact based components manage controls of the user to add and remove images.

  • Redux is used to store the state of the application (images, UI state and network based elements).

  • UI is adjusted based on state (opening modal and showing buttons).

  • There's a fallback message if javascript isn't available. The application also works if Service Worker is not supported but it won't work offline.

  • The application works offline, can be saved to the home screen (on android) and stores all the saved images in local storage and the cache.

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].