DEV Community

Cover image for Web Notifications API — One Byte Explainer
Tulsi Prasad
Tulsi Prasad

Posted on

3 1

Web Notifications API — One Byte Explainer

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer ⚡

Imagine you ordered food from a restaurant but you don't get a reminder once it's ready.

That's the pain Notifications API deems to solve.

It sends notifications displayed at a system level, so even when you're absent you are alerted when your food is ready.

Structure of how a notification works

Additional Context ✍️

Websites becoming more advanced as applications these days have made them more interactive in our everyday lives, hence the in-built Notifications API is highly useful for web apps, PWAs, or even websites.

Although it's quite difficult to get straight into coding once you understand the concept, the good news is that MDN has a great example that can get you started on it and learning documentation that you can refer if you get stuck.

Bonus Reading 💖

Let me know if you liked it at @thebuildguy

Quadratic: The AI-Powered Spreadsheet for Modern Teams cover image

Quadratic: The AI-Powered Spreadsheet for Modern Teams

Quadratic modernizes spreadsheets with AI integration, real-time collaboration, and support for SQL, Python, and JavaScript, offering a powerful, accessible data analysis tool without setup.

Read full post

Top comments (0)