Search⌘ K

Track Shopping Carts in Real-Time

Explore how to track each shopping cart in real-time with Phoenix Presence by creating a CartTracker module, connecting it to channels, and updating cart information dynamically for an optimized admin dashboard experience.

We'll cover the following...

Track each cart

We’ll use Presence to track each ShoppingCartChannel and the shopper’s cart item IDs. Each change to a cart will dispatch an update to the CartTracker, and the admin client will automatically receive the changes. Our process for this task will break down into these steps:

  1. Create a CartTracker module using Phoenix.Presence.
  2. Connect ShoppingCartChannel to the CartTracker.
  3. Send cart updates to the CartTracker.
  4. Configure admin.js to receive Presence updates.
...