queens-library / wordpress-progressive-web-apps

Progressive Web App Starter Kits for WordPress

Progressive Web Apps  

Progressive Web Apps use modern web capabilities to deliver app-like user experiences. They're reliable, fast and engaging.

DEMO: https://bit.ly/pwa-mosaic

                                                       

Introduction

Progressive Web Apps are user experiences that have the reach of the web, and are:

• Reliable - Load instantly even in uncertain network conditions.
• Fast - Respond quickly to user interactions with silky smooth animations and no janky scrolling.
• Engaging - Feel like a natural app on the device, with an immersive user experience.

This new level of quality allows Progressive Web Apps to earn a place on the user's home screen. More details about PWAs here: https://developers.google.com/web/progressive-web-apps/

The WordPress Progressive Web Apps plugin helps bloggers, publishers and other content creators to go beyond responsive web design and ‘appify' their existing mobile presence. Progressive Web Apps are supported on: iOS & Android. Compatible browsers: Safari, Google Chrome, Android – Native Browser. The plugin has been tested on WordPress 4.0 and later.

The WordPress Progressive Web Apps plugin includes one FREE mobile app theme (MOSAIC) which is customizable (colors, fonts, appearance) via the WordPress admin area. The tech stack we use in building Progressive Web Apps includes:

• AngularJS/Ionic
• ReactJS
• Sencha Touch
• SASS
• Gulp
• Bower
• Karma
• Jasmine
• Protractor

The MOSAIC mobile app theme (available for FREE) is built with Sencha Touch, but we're currently working on migrating it to AngularJS/Ionic 1. Most of the premium mobile app themes available at PWAThemes.com/progressive-web-app-themes.html are built using Angular/Ionic 1 & SASS. Each mobile app theme comes with a "production" version, which in essence is the bundled/packaged/minified collection of all the necessary JS/CSS files for the PWA to run correctly.

Each of our mobile app themes are tested with Karma, Jasmine and Protractor. We have an average of 50-60% code coverage and we're working on improving this rate. While we do our best to catch any bugs out there, we are aware that some of them might escape us. Please reach out if you happen to come across a nasty one 😊.

The FREE mobile app theme MOSAIC available in the WordPress Progressive Web Apps plugin is the window-display of themes. You can instantly see several categories and choose which ones are of interest and focus on those. Depending on the number of displayed categories, the boxes will resize to fit all available space. It's great for publishers that have posts spanning several categories and need a way to visually structure their content.

It comes with support for:

• Multi-image mosaic on cover page
• Pages & sub-pages menu
• Side-to-side navigation with lateral swiping through categories
• Maximum 2 articles per page

There are dozens of mobile app themes available in the PRO version: BASE, OBLIQ, ELEVATE, FOLIO, INVISION, POPSICLE, PULSE, GHOST, PHANTOM, LUCID, EXTRUDE, VEDI, BLEND, PURE, GOTHAM, FUTURE & PALM.

Additional key features available in PRO:

• Rich UI/UX Your users can have a cozy browsing experience on their favorite mobile device without having to go to an App Store and install anything.

• Monetization Take full control of your income by easily connecting the plugin with your Google DoubleClick for Publishers account.

• Translations Wordpress Mobile Pack will automatically translate your mobile web app in one of the supported languages: Chinese (zh_CN), Dutch, English, French, German, Hungarian, Italian, Polish, Portuguese (Brazil), Romanian, Spanish or Swedish.

• Google AMP Integration Integrate with the official Google Accelerated Mobile Pages plugin. The Accelerated Mobile Pages (AMP) Project is an open source initiative that embodies the vision that publishers can create mobile optimized content once and have it load instantly everywhere.

• Premium Support We take pride in offering fantastic maintenance and hands-on support. Our team of friendly mobile experts makes sure technology doesn't stand in your way.

• Analytics Get to know your mobile users and analyze your impact with our powerful yet simple reader-centric analytics via Google Analytics integration.

• Add to Homescreen Users can add your mobile web application to their homescreens making it just a tap away.

We enjoy writing and maintaining this plugin. If you like it too, please rate us. But if you don't, let us know how we can improve it.

Have fun on your mobile adventures!