Show "Install App" prompt for PWA installation 📱

[anoopcodehack]

Show "Install App" prompt for PWA installation 📱

File: client/src/pages/Dashboard.jsx

PWA manifest exists but no install
prompt shown to users 💀 fr!!

Fix: capture beforeinstallprompt event:
const [installPrompt, setInstallPrompt] = useState(null)

useEffect(() => {
window.addEventListener('beforeinstallprompt', (e) => {
e.preventDefault()
setInstallPrompt(e)
})
}, [])

const handleInstall = async () => {
if (!installPrompt) return
await installPrompt.prompt()
setInstallPrompt(null)
}

{installPrompt && (

📱 Install App

)}

~15 lines! PWA manifest already added ✅
No backend needed 🎯

[avnijain9981]

Hi @anoopcodehack, I would love to work on this! I plan to capture the beforeinstallprompt event and trigger a clean install prompt in the UI. Could you please assign this issue to me?

[anoopcodehack]

Sure! @avnijain9981 you can work on this 👍
I’ll assign the issue to you. Looking forward to the PR!

[anoopcodehack]

Hey, @avnijain9981 your PR has been merged! You're officially a DevBoard contributor now!

If you enjoyed contributing and found the project useful, consider leaving a ⭐ on the repo — it really helps more developers discover the project and keeps the community growing!

Also feel free to pick up another issue anytime — always happy to have you here! 🙌