Building a Firebase Push Notification System using React & Node JS | MERN Stack | 2024 - NEW

In this project, we'll develop:

2. Two React client-side applications:
- Admin Application: Allows admins to send push notifications by entering the title, body, and FCM token. 👩‍💼📬
- User Application: Generates FCM tokens and receives push notifications. 👤📲

Key Features:

🛠️🖥️ Admin Dashboard

- Input fields for notification title, body, and FCM token. 📝🔑

📱🔔 User Application

- FCM token generation. 🔑🔄
- Real-time push notification reception. ⏱️📲

📘 What You'll Learn: ✨

- Setting up Firebase for push notifications. 🔥🔔
- Managing data with MongoDB. 📊💾
- Integrating Firebase Cloud Messaging (FCM) for seamless notifications. ☁️📩

Whether you're a beginner or an experienced developer, this tutorial provides step-by-step instructions and all the necessary code to implement a fully functional push notification system. Follow along to enhance your MERN stack skills and add a crucial feature to your web applications! 🚀👨‍💻👩‍💻

Don't forget to like, share, and subscribe for more in-depth tutorials. Let's get started! 🎬👍

Enjoy the video!

Thank you.

[PeteJamesX]

Good sir, this video helped me set up my firebase notifications after struggling with the docs. Great work, much appreciated🔥

[INAMULHASAN-dh]

First all thanks for this wonderful video, it will be helpful if you attach the github repo for reference.

[HariBabu-llzw]

in 9:58 were did you import the scripts

[princyworkspace]

Do you receive the notification when the browser is closed ?

[roshanscodelab]

we are running the admin on localhost 3000 first and then staring the admin-node-app i want to know how to combine this two so we don't need to run both

[sagarKumar-vij]

Hello bro i am facing one error " NetworkError: Failed to execute 'importScripts' on 'WorkerGlobalScope' " could you help me to solve this error

[roshanscodelab]

does this code works for sending the push notification to the android devices