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/1xd2D... 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/folder... if you are manually adding users.


⬇️ LINKS MENTIONED
-How to set up the Liveblocks plugin: https://addons.lunchpaillabs.com/bubb...
-Full written guide on building a real-time presence tracker: https://addons.lunchpaillabs.com/bubb...
- 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:   / lolaojabowale