multiverseweb / Dataverse

This software is currently under development. It can be used to visualise data into various forms of plots ranging from primary to advanced level. It can also be used as a finance tracker.
https://multiverse-dataverse.netlify.app
MIT License
41 stars 109 forks source link

Enable Progressive Web App (PWA) for the site #281

Open amiya-cyber opened 1 week ago

amiya-cyber commented 1 week ago

A PWA or Progressive Web Application allows users to install the site as a desktop or android application. It will enhance user experience and drive organic traffic. It also allows users to access the site offline by pre-downloading assets such as files or images as cache memory.

TURN YOUR WEBSITE INTO A WEB APP

Why Enable PWA? Enabling Progressive Web Apps (PWAs) enhances a website by providing a native app-like experience with several key benefits:

  1. Offline Access: Users can access content without an internet connection.
  2. Fast Loading: PWAs load quickly, improving performance even on slow networks.
  3. Home Screen Installation: Users can install PWAs on their devices without app store hassles.
  4. Push Notifications: Engage users with timely notifications, even when the app isn’t open.
  5. Responsive Design: PWAs work seamlessly across different devices and screen sizes.

1_R2PVSj_iWUQr4GYbcu2j1A

ASSIGN WITH LEVEL 3

multiverseweb commented 1 week ago

@amiya-cyber just explain to me in brief about how you are going to do this . Also, will the users be notified about feature or some sort of install button will appear on the website or what?

amiya-cyber commented 1 week ago

I will create a manifest json file and service worker.js file and a script.js file and then I will register the service worker and then I will link them all with index.html by which the whole website can be used as a application there will be a install function Also by which it will get installed on your desktop and the content can be seen while being offline

amiya-cyber commented 1 week ago

Assign me with level 3 I will not disappoint you with the results

multiverseweb commented 1 week ago

@amiya-cyber okay so ahead. Make sure this feature does not disturb the functionality of existing website. Also, test the introduced feature in both desktop and mobile phone before sending the PR.

amiya-cyber commented 1 week ago

@amiya-cyber okay so ahead. Make sure this feature does not disturb the functionality of existing website. Also, test the introduced feature in both desktop and mobile phone before sending the PR.

Yeah sure I will upload the proof of the video