Create a Real-Time Presence Tracker in Bubble Using the Liveblocks Plugin скачать в хорошем качестве

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