Neighborhood Theater Group – Movie Listing

NTG

Neighborhood Theater Group is the organization behind the amazing Avalon, Rosebud, and Times Cinemas in Milwaukee, Wisconsin.

Their site, which is created in Adobe Muse, has an ever-changing list of movies and showtimes, as well as online ticketing. In the past, these listings had to be updated by hand for all three websites. NTG came to us with the request of automating this task.

Their online ticketing service, Omniweb, provides an XML file with the week’s movies and showtimes for each theater. We were then able to parse this XML file and consume this data in a little React widget. We could then embed this widget on their Muse site and everyone is happy! No more tedious updates.

Screenshot of a generated Movie Listing
Screenshot of a generated Movie Listing

Improving the code

After having the React widget up and running, we found that we were able to save on file size and improve performance by making a quick switch to the 3kb react-alternative, Preact!

React and Preact frameworks
React and Preact frameworks

Preact provides a nice npm package that makes integration quite easy. It will work with most, if not all, of your existing React code and just takes a few minutes to implement!