How to develop an offline capable Progressive Web App for your website / system which has PHP as back-end with our 10 for 10 camp as a live example?

Hello World! I am glad to have the energy of being able to sit down for a few minutes to an hour in order to give you this update. We are just closing files after a gruesome day 8, and looking forward to rest for a few hours and come back to restart again for day 9. Time flies for sure and we didn’t think the days will be this tough and this fast but hey I guess that’s what life is all about, time moving and waiting for no one. We have only 2 days left for our 10 for 10 camp. We are excited to have taken this challenge, because of the lessons we learnt, and the systems we gained. We are also now nervous because of the bugs still in our systems and the scope of some of the projects we started. I guess we are about to sacrifice some of our sleeping hours to get things done. May you wish us the best

Day 7 and 8 went on so quick, For day 8 we started  of another interesting system called My Car agent, this is another system we are developing with our minds set to put it on auction or offer it to our Zimbabwe Central Vehicle Registration Department if there is a need because of its features. My Car Agent is a system that is being developed  to register and track a vehicle’s ownership registration, vehicle license and insurance. With the info being stored and can be tracked on a very secure database with the plan to pursue block chain technology as its database of choice post the camp and release. For now what we are developing is a prototype of the system, whereby we are designing and developing its initial look, feel and technology behind the system. My car agent is one of the most exciting projects we have from the camp and we are looking forward to have you try the prototype very soon in a few days. If you missed the projects names and descriptions from day 1 to 7 may you please check out our last 2 blog articles for the information.

We have set all our systems being developed under the 10 for 10 camp  to be released as Progressive Web Apps. If you have ever wondered why we are doing so. Here is why. Progressive web apps enable websites to function more like native mobile apps in exchange for some flexibility. You get native mobile app functionality (or close to it) without all the overhead of app store approvals and tons of platform-specific native code. Users can install a progressive web app to their home screen and launch it just like a native app.We think that PWAs if the tech is improved, are the future of Cross platform systems. Here is how you can develop your website into a functional PWA with offline capabilities using the following steps :

  1. Create an app manifest
  2. Add it to your base HTML template
  3. Create the service worker
  4. Serve the service worker on the root of the scope you used in the manifest
  5. Add a <script> block to your base HTML template to load the service worker
  6. Deploy your progressive web app
  7. Use your progressive web app!

We shall further expand on this on our next article getting into full details and code, for now we will just leave you informed on these steps to get you started.

Here is how you can develop your website into a functional PWA with offline capabilities using the following steps :

  1. Create an app manifest
  2. Add it to your base HTML template
  3. Create the service worker
  4. Serve the service worker on the root of the scope you used in the manifest
  5. Add a <script> block to your base HTML template to load the service worker
  6. Deploy your progressive web app
  7. Use your progressive web app!

Day 8 is over we look forward to day 9 and 10 to close the camp. We are also planning on having another campaign after the camp that will be used to have a deeper appreciation on some of the code that was written on the 10 systems from the camp/ We call this campaign code retrospect. With this campaign we look back at some of our code and discuss more on the subjects about if we where using the best code practices and how we can improve our coding practices and techniques for future projects. With this campaign our focus is not on the system or judging the idea behind it but a deeper look and analysis of the code. Dates and more information about this campaign will be discussed soon after our 10 for 10 camp has been complete. So stay tuned and follow us on all our social media accounts and pages for more updates coming your way Until next time, keep living and keep reading.