Web App : PWA Service Worker Implementation

[ParasY1724]

Description

Provide a concise summary of changes made in this PR. Include relevant context or background.

Related Issue

Link to the issue addressed:

• Resolves Creating a Android / IOS app for this website #81

Change Type

Select the type of change:

• 🐛 Bug fix
• [ x] ✨ New feature
• 📚 Documentation update
• 🔧 Other (describe):

Checklist

• [ x] I’ve read and followed the contributing guidelines.
• [ x] Code adheres to project style and standards.
• [ x] Tests cover changes (if applicable).
• Documentation updated (if required).
• [ x] Ready for review.

Additional Notes

Provide any extra details for reviewers.

Web App Implementation Done :

• Added Service Worker
• Caching for Offline Capabilities

How to Install ?

1.mp4

Similar for IOS Devices

#Offline Use Demo

2.mp4

#Please Add gssoc-ext , level3 label and add me as Assignees on this PR . Thanks!!

[vercel]

@ParasY1724 is attempting to deploy a commit to the Akshay Patel's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better!

[VesperAkshay]

@ParasY1724 Does normal qr code generation works offline in this

[ParasY1724]

@ParasY1724 Does normal qr code generation works offline in this

@VesperAkshay Yes , only two features they are i) pdf to qr and ii) image to qr with requires the firebase gives error in offline.

[VesperAkshay]

Is there any way i can share a apk of this instead of going to the website then installing like you have shown in video

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
qr-code-generator	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 8, 2024 2:24pm

[ParasY1724]

Is there any way i can share a apk of this instead of going to the website then installing like you have shown in video

@VesperAkshay Yes , once website is PWA supportable we can convert it to apk and even package installer for ios through PWA builder website

[ParasY1724]

Once this is merge i can generate apk and ios installer and the add their links in website or even you can add them to play store / app store

[ParasY1724]

Once this is merge i can ge generate apk and ios installer and the add their links in website or even you can add them to play store / app store

Check this : https://www.pwabuilder.com/

[VesperAkshay]

Can you do that for me it will be help full

[VesperAkshay]

I have merged the code

[ParasY1724]

Can you do that for me it will be help full

Sure Sir , i am on it.

[ParasY1724]

I have merged the code
@VesperAkshay sir can you change it to level 3 as service worker code and mainly offline caching for react application was bit hard rather than simple html/js project.

[VesperAkshay]

I have changed the level

[VesperAkshay]

@ParasY1724 How the apk work is going on

[ParasY1724]

Sir please merge #168 then once it is deployed then check https://quick-qr-builder.vercel.app/.well-known/assetlinks.json
it should display content of json
then install your apk:

https://drive.google.com/file/d/1u8KzkW-6h34Ytc_fdEumVvpjEiiYG0O9/view?usp=sharing

Note assetslinks.json must be accessible otherwise bug like address bar in web app will occur