Highlights

  • Moderate with a swipe

    Staff work the live feed from any phone, tablet or laptop, and approved posts reach the venue screens instantly.

  • Always collecting

    Tweets are gathered on the server, so feeds keep filling with nobody in the app, and several events can run at once.

  • Layouts you can drag

    A drag-and-resize editor lays out each screen, and changes appear on the live displays as they're made.

  • Survives dropped connections

    Screens keep showing images through outages, using a service-worker cache with a fallback image.

What it did

Ground:Zero Productions runs live events and wanted guests' tweets on the screens at the venue, without anything unsuitable getting through. I designed and built the whole system: collection, moderation and the displays.

How it worked

A Node.js service followed each event's hashtags on the server, with Firebase keeping everything in sync, so the feed kept filling whether or not anyone had the app open, and several events could run at the same time.

Staff moderated from whatever they had to hand. The app was responsive across phone, tablet and laptop, and approving a post was a single swipe. Approved posts were pushed to the venue screens in real time. A PIN login gave event staff moderation only, while the production team kept access to the setup.

Each screen's layout was built in a drag-and-resize editor, combining the live feed with text, images and branding. Changes synced to the live displays as they were made, and each screen had a short URL to open it on any device.

Screens at venues can't rely on a connection, so the displays cached incoming images with a service worker and fell back to a default image if one couldn't load.

Details

Type
Freelance
Client
Ground:Zero Productions
Role
Design and build, front end and back end
When
2020
Platforms
Web, Tablet, Mobile
Built with
React, Node.js, Firebase, Service workers