i was told to stop by here to drop my hottest mixtape of the
summer fall: philly transit integration with monzo! it links my philly transit card to monzo thanks to the magic of application programming interfaces, featuring…
instant tap notifications!
transit rides displayed like any other transaction!
a (web)view for showing trip + card details!
here’s a video of that jawn in action:
a while back, i built a jawn that exports my philly transit card taps as read-only wordpress posts (i was planning to make a “weekly/monthly/yearly rider report” sometime in the future). it works by having a scraper logging into septakey.org and looking for an network requests that returns trips for a certain card.
so when i got my monzo card on monday, i messed around wit ifttt and figured, “there must be an api for monzo,” and it turns out, there is! the first low-hanging-fruit idea that came into mind was getting philly transit notifications in the feed, soooo this took me roughly 2 hours to scrap this together:
- 90 mins of which was spent getting oauth to work and dealing with your unique security flow, because every single (o)auth implementation is slightly different enough to teek me
- 10 mins hooking up transit data to the feed api
- 20 mins to build a transactions details webpage w/ ionic + vuejs thamimickeded the monzo transaction details view (most of it was off-the-shelf ionic, the top map/icon/gradient and card needed custom css)
here’s what the feed looks like:
and here’s what the detail view looks like:
only SEPTA-branded mastercards are accepted on the philly transit system, so these transactions happened on an external card (outdated technology prevents other cards or mobile wallet from being used – another story for another time!) however, i can say that if support for third party cards (like monzo’s) were to be added in the future, it would should be possible to retrieve trip data for those cards in a similar manner