PWA one page form that works offline

One page User registration form witch can capture data offline when o

Stack to use:
- Bootstrap
- Javascript (can include JQuery and Ajax)
- PHP


Develop a one page form to capture users data, this form can work both offline and online feeding an API.

Fields needed:
- name
- email
- phone number
- gender

The purpose of this is to allow users register their data using the form and this data is store into the database through an API endpoint.

But when the page is offline, this data will be stored on the browser local storage or Web SQL waiting to be back online.

Once the form is back online, all data from the local storage or Web SQL should sync into the database through the same API

So with this, the form is always working, either offline or online.

Code Submission:
upload code to a private repo on Github and share code with me and include a readme file that describes the project setup procedure