MOSAIC (React & Redux) Progressive Web App Theme

It's 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 bloggers that have posts spanning several categories and need a way to visually structure their content.

Supported devices & mobile browsers:

Source code available for you in MOSAIC-REACT:

  Released: 2 months ago  

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!

Offline Mode

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.

Redux Integration

The data layer of the app is implemented using Redux. Redux is a predictable state container for JavaScript apps that helps you write applications that behave consistently, run in different environments (client, server, and native) and are easy to test.

Unit Tests

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.

CLI Tools

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.

Analytics

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

Translations

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.

Monetization

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.

Premium Support

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.

Articles Navigation

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.

Accessing Pages

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!