Supported devices & mobile browsers:
Source code available for you in MOSAIC-REACT:
Released: 1 year ago
Swipe for yourself
Mobile PWA MOSAIC (React & Redux)
- React, Redux and Semantic UI techstack
- Offline mode
- Cover page with posts categories
- Pages & sub-pages menu
Best viewed on a supported mobile device
For a better reading experience, we recommend using an iPhone or an Android smartphone.
Based on WordPress API
Full Source Code & Documentation
Web Push Notifications via OneSignal
Ads through Google Double Click for Publishers
1 Domain License
1 Year of Regular Support
Ongoing Features & Security Updates
TRY IT BEFORE YOU BUY
1. Open Chrome/Safari on your Android/iOS mobile device
2. Navigate to http://bit.ly/pwa-mosaic-react
3. Swipe around and enjoy!
The application's files are cached for offline usage together with the content. Categories, posts and pages are saved in the browser's local storage, offering a full app-like experience and allowing your users to continue using the app even when they don't have a network connection.
Add to Homescreen
Your progressive web application will be instantly loaded when readers are accessing your own URL from a mobile device. Users can add your progressive web application to their homescreens making it just a tap away.
Web Push Notifications
You can integrate with the free OneSignal service or other push notifications providers, allowing you to engage users through push notifications. This is one of the most requested PWA features, proven to increase user engagement by up to 4x.
Custom Appearance with SCSS
Customize the colors & fonts, add your logo, app icon and personalize your app to craft a brand identity. All app colors are centralized into a single SCSS file, allowing you to quickly create new color schemes.
Based on Semantic UI React
All UI components are based on Semantic UI React. This allows you to quickly extend the functionality of the app and use additional elements from Semantic UI, such as grids, forms, tabs, menus and so on.
We have a 70-80% code coverage rate with Jest unit tests and we're working on improving this rate. The app includes configuration files for Eslint and follows the popular Airbnb coding standard.
This application has been bootstrapped with Create React App. It already includes a service worker and tasks for running the code in development mode and build the app for production.
Get to know your mobile users and analyze your impact with our powerful yet simple reader-centric analytics. Integration with Google Analytics supported.
All the app's texts are centralized in a single JSON file and can be easily replaced. Supported languages for all app themes: Chinese (zh_CN), Dutch, English, French, German, Hungarian, Italian, Polish, Portuguese (Brazil), Romanian, Spanish or Swedish.
Since progressive web apps don't have any shared revenue constraints, you can take full control of your income. Integration with Google DoubleClick for Publishers supported.
We take pride in offering fantastic maintenance and hands-on support. Our team of friendly mobile experts makes sure you have everything ready to get started.
Homescreen & Menu
Mosaic's homescreen is divided into multiple categories of articles, each with its own title and image. In fact, the homescreen is a carousel of categories that can be swiped through to discover new content.
Swiping the cover left will bring to light the main articles, organized by category. Mobile users can swipe left or right to expose articles and tap on the card to read more.
The homescreen also comes with a simple menu available in the top right hand side, allowing mobile users to jump to various pages within the application. You can edit, show/hide different pages and order them according to your needs.
Pull-up Menu for Comments and Social Media Sharing
Commenting and sharing is directly embedded within each article's detail page. The panels are opened by pressing the corresponding buttons from the post's footer bar. When commenting, mobile users don't have to be authenticated. Sharing across Facebook, Twitter and Google Plus is as seamless as it should be on any mobile device.
Looking For A Custom Progressive Web App?
Please reach out if you have a custom implementation in mind. We'd love to help out!