let deferredPrompt; let installPromptShown = false; window.addEventListener('beforeinstallprompt', (e) => { // Prevent Chrome 67 and earlier from automatically showing the prompt e.preventDefault(); // Stash the event so it can be triggered later deferredPrompt = e; // Show custom install prompt after user has been on site for 30 seconds if (!installPromptShown) { setTimeout(() => { showInstallPrompt(); }, 30000); } }); function showInstallPrompt() { if (deferredPrompt && !installPromptShown) { installPromptShown = true; // Create custom install prompt const installBanner = document.createElement('div'); installBanner.id = 'install-prompt'; installBanner.style.cssText = ` position: fixed; bottom: 20px; left: 20px; right: 20px; background: #2563eb; color: white; padding: 16px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1000; display: flex; align-items: center; justify-content: space-between; font-family: system-ui, -apple-system, sans-serif; animation: slideUp 0.3s ease-out; `; installBanner.innerHTML = `

Install Learning App

Get the full app experience on your device

`; // Add animation styles const style = document.createElement('style'); style.textContent = ` @keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } `; document.head.appendChild(style); document.body.appendChild(installBanner); // Handle install button click document.getElementById('install-btn').addEventListener('click', async () => { deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; console.log('User choice:', outcome); deferredPrompt = null; installBanner.remove(); }); // Handle dismiss button click document.getElementById('dismiss-btn').addEventListener('click', () => { installBanner.remove(); }); // Auto-dismiss after 10 seconds setTimeout(() => { if (document.getElementById('install-prompt')) { installBanner.remove(); } }, 10000); } } // Handle successful app installation window.addEventListener('appinstalled', (evt) => { console.log('App was installed'); // Track installation analytics here });

Create Your Account