Create a Real-Time Presence Tracker in Bubble Using the Liveblocks Plugin

In this video, I'll show you how to create a real-time presence tracker using the Liveblocks plugin for Bubble, built by Lunch Pail Labs. Whether you're building interactive apps or working with real-time collaboration tools, this step-by-step tutorial will help you set up the Liveblocks presence element in your Bubble app. You'll learn how to create a presence bar, manage Bubble workflows, and design a real-time tracker to keep your users connected.

⏰ *TIMESTAMPS*
00:00 - Introduction
1:10 - Creating the Database
3:37 - Adding Dummy Users
4:56 - Setting Up the Page Design
6:12 - Adding the Liveblocks Presence Element
6:47 - Building the Presence Tracker/Bar
15:14 - Creating the Workflow to Create a Room
17:53 - Setting Up the Workflow to Enter a Room
22:48 - Conclusion

🗂️* Sample data for the demo*

You can copy the CSV file: https://drive.google.com/file/d/1xd2Dz6gGAWNcrIb_wGV4Y_vAr_8jDHDF/view?usp=sharing and upload it into Bubble if you have a paid plan or trial, or manually add at least three users for this demo.
For convenience, here is a [folder with the photos]https://drive.google.com/drive/folders/18eG0YAkKcNOR2pBuT4jbilDLUH0-GESF?usp=sharing if you are manually adding users.
⬇️ *LINKS MENTIONED*
-How to set up the Liveblocks plugin: https://addons.lunchpaillabs.com/bubble/liveblocks/how-tos/set-up-plugin
-Full written guide on building a real-time presence tracker: https://addons.lunchpaillabs.com/bubble/liveblocks/how-tos/presence
- Liveblocks: https://liveblocks.io/
-Bubble: https://bubble.io/

🧱What's Lunch Pail Labs?
Lunch Pail Labs builds and manages third-party apps and integrations for your favorite SaaS tools. Learn more: https://lunchpaillabs.com/
🤝 *Connect with Lola*
-Twitter: https://x.com/ojabowalola
-LinkedIn: https://linkedin.com/in/lolaojabowale

Видео Create a Real-Time Presence Tracker in Bubble Using the Liveblocks Plugin канала Lola from Lunch Pail Labs