let deferredPrompt; let installShown = false; window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferredPrompt = e; // Show install prompt after user interaction if (!installShown) { setTimeout(() => { showInstallPrompt(); }, 30000); // Show after 30 seconds } }); function showInstallPrompt() { if (deferredPrompt && !installShown) { installShown = true; // Create install banner const banner = document.createElement('div'); banner.id = 'install-banner'; banner.innerHTML = `

Install Joinly

Get the full app experience!

`; document.body.appendChild(banner); // Handle install button click document.getElementById('install-button').addEventListener('click', () => { deferredPrompt.prompt(); deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the install prompt'); } deferredPrompt = null; banner.remove(); }); }); // Handle dismiss button click document.getElementById('dismiss-button').addEventListener('click', () => { banner.remove(); }); // Auto dismiss after 10 seconds setTimeout(() => { if (document.getElementById('install-banner')) { banner.remove(); } }, 10000); } } // Handle app installed window.addEventListener('appinstalled', (evt) => { console.log('App installed successfully'); // Show success message const successBanner = document.createElement('div'); successBanner.innerHTML = `

Joinly installed successfully!

`; document.body.appendChild(successBanner); setTimeout(() => { successBanner.remove(); }, 3000); });

Joinly

Joinly

Joinly

Yakoub Doe

Main

Learning

Your Progress