Building link compilations right from your chat room

Get source code
Ruby on Rails, HAML, CoffeeScript, SASS, Ember.js, Hubot, Mailchimp

Since we went remote, our chat became the core communication tool for our team. Besides of discussing work and projects, we naturally started sharing links to interesting articles with the rest of the team. Soon we realized there was value on that curated collection of links so it was a good opportunity to share it with friends, clients and colleagues.

Our goal was to create a workflow where creating a newsletter was as easy as sharing a few links in our chat (we use Slack).

We created a Slack bot, using Hubot which we named Botarate. When we paste a link in our #picks chat room, Botarate sends that link to a Rails API where we fetch the metadata (title and description) of the link.

If the preview of the metadata doesn't look nice (not all articles have meta descriptions), we can easily edit the title and description with simple commands directly in our chat room:

!edit title Awesome Article about Rails

Once the link looks nice, we just approve it with a single command. As soon as the link is approved it gets automatically shared in our Twitter account, for those who do not like email newsletters.

In addition to our bot, we built an Ember.js front-end to have a more confortable view of all the links that have been shared.

Using the front-end we can also check out all the compilations (each newsletter sent) that have been sent so far.

As soon as we have shared more than 10 links, Picks automatically sends a newsletter thanks to the Mailchimp integration.

Have a project in mind?

Work with us