At a Glance:
One of our clients wanted to have a mobile app for their existing web application that should run on both ios and Android. It should be lightweight and fast and should be easily accessible but not bounded to hybrids apps.
- A web application working for both ios and Android with push notification system
- The lightweight app that consumes only a few kb on your phone
- Easy to download and access the app
Our client wanted a solution that the app should work as a cross-platform app. i.e., should work on both Android and IOS. With single code base mantainance.
- Build an app that should be very lightweight and easy to download and access
- The app should work across multiple platforms and on various mobile devices.
- App should receive push notifications
- App should be upgradable with new functionalities
There are many ways to build a mobile app and with the advent of technologies old methods soon get outdated. Nowadays native apps are not a good option if you want a fast and quick solution. Also, it is very costly and resources heavy to develop a full-fledged native app. If you’re going to perform some of the basic operations that are not heavy on resources, you don’t need to develop the native app. Another problem with the native app is if you want it to be cross platform you have to create two separate apps one for Android and another for ios.
There is another solution called Hybrid apps, but that too consume a lot of memory space. It’s like using a lawnmower to trim your beard.
The latest technology in cross-platform apps is Progressive Web Applications (PWA for short) initiated by Google. They can act as a web application and occupies very less space on your phone within few kilobytes.
We first understood the clients existing application. It was built using Laravel and React. We then designed the wireframes for the mobile client, and we together decided which functionality to show and which to omit in the mobile application.
We then started converting those wireframes into HTML and then integrated it into the PWA architecture using ReactPWA. We made advanced service worker that works in the background and accomplished the task of caching the page & receiving push notification so that even if there is no Internet connection, the app can run offline and whenever the internet is connected it again automatically sync all the data.