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

Top comments (0)

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay