PROGRESSIVE WEB APPS

BESPOKE APP DEVELOPMENT SERVICE PHILIPPINES

MAVENWORKS provides bespoke PWA development in the Philippines using either: NEXT js with REACT js, or; LARAVEL with VUE js. A progressive web application (PWA) is a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.

Simply put, think of PWA as a website built using web technologies but acts and feels like an app.

PWA development Philippines

There are alot of reasons why you should invest on PWA for your next app. The basics are: availability; portability; productivity; and cheaper cost.

Availability because modern browsers have now included service workers and web app manifests in their architecture — it let developers upgrade web apps to PWA in their native operating system (OS).

Portability because, on top of browser support, PWAs were now supported by the two most commonly-used mobile operating systems, Android and iOS.

Productivity because developers don’t have to invest time on developing a web apps, and mobile apps for Android and iOS separately. Just one code.

Cheaper because you, as the investor, don’t need to invest on several apps for each platforms.

DEVELOPMENT TOOLS

There are other good software to make use for developing PWA. However, we have limited ours to NEXT js 13 with REACT js, or LARAVEL PHP MVC with VUE js MVVM application development tools. For the database, we use MySQL, MongoDB or PostreSQL via Prisma ORM.

DEVELOPMENT TOOLS

NextJS with React

NEXTjsS FRAMEWORK
WITH REACTjs LIBRARY

Laravel with VueJS

LARAVEL MVC FRAMEWORK
WITH VUEjs MVVM

DATABASE

Prisma

PRISMA ORM

+

MySQL
MongoDB
PostreSQL

API OPTIONS

As an option should you require it, we can create public API (application program interface) that would act as an intermediary (middle-tier) providing independent communication between the web app and the database. This is important if you intend to create other apps in the future, like a new app (web app, PWA or mobile app) located on another domain hosted on other hosting servers that needs to interact with the same database records, often referred to as CORS (cross origin resource sharing).

Web App or PWA

WEB APP or PWA

Web App Development direction Philippine

Public API

Web App Development direction Philippine


DATABASE

Mobile App

MOBILE APP

arrow-diagonal
Up Arrow Curved

This is the API option we’re talking about. Technically, the WEB APP or PWA can communicate directly with the database without the API. But, if you plan to expand your system, like create a mobile app or another app hosted on another company using another domain, then API can help bridge communication without cross-platform violation.

TESTING

PWAs are mostly unique, having their own business model, even if some of them were derived from (or clones of) other PWA. Having that in mind, the PWA must be thoroughly tested.

Clients (owner of the PWA) must be aware that “testing” is an integral part of development and must not be overlooked. We follow the following testing process:

  1. ALPHA TESTING – This testing takes place during the development process. PWA modules are thoroughly tested before moving on to other modules, if any:
    • WHITE TESTING – The PWA module currently being attended to is tested by the developer themselves. It may be referred to as white testing — they know most of the internal structures and code of the system.
    • BLACK TESTING – Team members (or project manager) test the operational functionality of the PWA module currently being attended to in order to discover bugs or make suggestions necessary for improvement.
  2. BETA TESTING – This testing phase takes place after the development stage. The entire PWA is thoroughly tested thru the following beta testing stages.
    • CLOSED BETA TESTING – During this stage, the owner of the PWA, together with its own team (if any), tests the PWA’s operational functionality from public pages, client pages (if any), all the way to the administrative pages. Any bugs that remained undiscovered are corrected by the developer.
    • OPEN BETA TESTING – We can refer to this as “soft launch”. At this stage, both parties are confident to make the PWA publicly available. Corrections may still happen at this stage but very minimal.

We firmly advise that you, the client, give ample time for testing the appllication before opening it up for public consumption thereby eliminating, if not minimizing complaints from customers.

COST ESTIMATOR REQUEST FOR QUOTE

OR


HOSTING OPTIONS

For PWA development, we suggest CLOUD platform such as Vercel (highly recommended) or VPS (e.g. Digital Ocean droplets). SSL is a must. SSL in Vercel is free and automatic. SSL in DigitalOcean allows free SSL using LetsEncrypt/ZeroSSL that must be renewed every 90 days.

We don’t recommend shared hosting for PWA projects.