Tetris as Progressive Web Application (currently still in active development). I am currently searching for a designer to partner me! Please get in touch with me, if you're interested in collaboration.
https://github.com/morkro/tetrys#readmeTags | service-worker redux tetris web-app offline-first pwa offline |
Implementation | Javascript |
License | Apache |
Platform | NodeJS |
Service Worker Precache is a module for generating a service worker that precaches resources. It integrates with your build process. Once configured, it detects all your static resources (HTML, JavaScript, CSS, images, etc.) and generates a hash of each file's contents. Information about each file's URL and versioned hash are stored in the generated service worker file, along with logic to serve those files cache-first, and automatically keep those files up to date when changes are detected in subsequent builds. Serving your local static resources cache-first means that you can get all the crucial scaffolding for your web app—your App Shell—on the screen without having to wait for any network responses.
service-workers progressive-web-app offline offline-first service-worker caching precaching serviceworker appshell pwaThis is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.
vue wordpress offline azure spa service-worker es6-javascript webpack vuejs2 vuejs vuejs-components progressive-web-app pwa-apps pwa pwapp wordpress-theme wordpress-starter-theme vuex starter server-side boilerplateThis plugin is intended to provide an offline experience for webpack projects. It uses ServiceWorker, and AppCache as a fallback under the hood. Simply include this plugin in your webpack.config, and the accompanying runtime in your client script, and your project will become offline ready by caching all (or some) of the webpack output assets.
service-worker appcache webpack serviceworker pwa offline progressive-web-app storage plugin webpack-plugin offline-first service-workers application-cache caching cache progressive-web-apps app-shell appshellUpUp is a tiny JavaScript library that makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea. Mobile-First has become the de-facto standard for building modern sites. But in a world where everyone is mobile, an always-on connection isn't something we can rely on. It's time to start thinking Offline First.
hacktoberfest pwa progressive-web-app offline offline-first service-worker cache offlinefirst serviceworkerUse Workbox with Next.js and easily enable offline functionality in your application. Then create a server.js, because we'll need to serve out service worker.
nextjs service-worker offline cache website workbox pwa react next.js pre-cache networkfirst cachefirst webpack sw-helpersInspired by the awesome list thing. This specification highlights features (SQL, offline application caching APIs as well as online/offline events, status, and the localStorage API) from HTML5 and provides brief tutorials on how these features might be used to create Web applications that work offline.
offline-first service-worker offline-data appcache indexeddb offline serviceworkersUsing preact-starter will kickstart your next application! 💯 It is designed to fit the "90% use-case" for those who want to build offline-first web apps (see features below).
webpack boilerplate preact offline pwa spa progressive-web-app starter-kit webpack3Service Worker Toolbox provides some simple helpers for use in creating your own service workers. Specifically, it provides common caching strategies for dynamic content, such as API calls, third-party resources, and large or infrequently used local resources that you don't want precached. Service Worker Toolbox provides an expressive approach to using those strategies for runtime requests. If you're not sure what service workers are or what they are for, start with the explainer doc.
service-worker service-workers progressive-web-app caching offline-firsthttps://github.com/facebookincubator/create-react-app + Progressive Web App goodness
progressive-web-app react react-starter-kit create-react-app service-worker offline sw-precacheWork in progress: Flatris has been recently redesigned from the ground up and turned into a multiplayer game with both UI and server components. This has been an interesting journey and I plan to document the architecture in depth. Stay tuned. Contribution disclaimer: Flatris is a web game with an opinionated feature set and architectural design. It doesn't have a roadmap. While I'm generally open to ideas, I would advise against submitting unannounced PRs with new or modified functionality. That said, bug reports and fixes are most appreciated.
tetris game pwa offline react reduxWorkbox is a collection of JavaScript libraries for Progressive Web Apps. Workbox is available on npm. We have installation instructions available depending on your build tool or bundler of choice, including webpack. Even on an unreliable connection, your web app can still work using the right runtime caching strategies.
service-worker progressive-web-app offline-first service-workers sw-precache sw-toolboxA Super fast progressive web app with a small footprint & minimal dependencies. Features universal rendering, redux, state-driven routing, preact, & service workers. Crunched & optimized with rollup, buble, optimize-js, & purify-css.
service-worker preact buble redux rollup performance optimize-jsSWPrecacheWebpackPlugin is a webpack plugin for using service workers to cache your external project dependencies. It will generate a service worker file using sw-precache and add it to your build directory. A simple configuration example that will work well in most production environments. Based on the configuration used in create-react-app.
sw-precache service-workers webpack-plugin sw-guide progressive-web-app offline webpack plugin precache service workerFor the Restaurant Reviews projects, you will incrementally convert a static webpage to a mobile-ready web application. In Stage One, you will take a static design that lacks accessibility and convert the design to be responsive on different sized displays and accessible for screen reader use. You will also add a service worker to begin the process of creating a seamless offline experience for your users. You have been provided the code for a restaurant reviews website. The code has a lot of issues. It’s barely usable on a desktop browser, much less a mobile device. It also doesn’t include any standard accessibility features, and it doesn’t work offline at all. Your job is to update the code to resolve these issues while still maintaining the included functionality.
PolyMail is an offline, mobile-first, web version of the new Gmail native app UI. It's built using Polymer 1.0 and Service Worker and...is a WIP. Note: the app is read only despite what the permissions popup says. Also, most of the buttons don't do anything. There's a lot of missing functionality.
Offline App (or Offline-First App) enables user to seamlessly interact with it by using local device storage and then synchronizing the data with some remote storage (cloud database, etc) later via a background process. This app is a working sample that showcases one way of implementing offline commenting capability on Android platform. Users' comments are stored in local Room database first. Then a background job is spawned to synchronize local data with remote database if and when Internet connection is available.
offline-first offline-app rxjava2 rxandroid livedata clean-architecture mvvm mvvm-architecture room retrofit2 butterknife android lifecycleobserver reactive-programmingThis is an example project for how you can build a Progressive Web Application with Polymer and Vaadin components. The application uses a Service Worker to cache the Application Shell. A Web App Manifest file ensures that the browser identifies our app as a Progressive Web Application and offers the user to install the application through an install banner.
pwa pwa-example pwa-boilerplate vaadin-components vaadin polymerA simple grocery list app using React Native, Redux, Firebase, and Async Storage for offline data. It works on both iOS and Android. Update config.js with your Firebase app credentials.
react-native redux firebaseA modern web application architecture leveraging Service Worker to offline cache your application 'shell' and populate the content using JS. This means you can get pixels on the screen without the network, even if the content eventually comes from the network - a great performance win. In browsers without SW, we gracefully degrade to server-side rendering (e.g iOS). Demo. Full details of the architecture can be found in Instant Loading Web Apps With An Application Shell Architecture and Instant Loading with Service Workers.
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.