Sessions is temporarily moving to YouTube, check out all our new videos here.

How I Built Collated, a Content Organiser App

Steve Tyler speaking at Ember London in February, 2017
Great talks, fired to your inbox 👌
No junk, no spam, just great talks. Unsubscribe any time.

About this talk

Collated is a content app that organises tweets, slack messages, and browser bookmarks in one place.


Hi there. Yeah, this is my project I've been working on. I've started work on this a couple years ago or so. I had the idea for it, just as a way of kind of being more organized and getting all my links and tweets into one place. But recently, I've been integrating it with Slack. So I'm just going to show that. I'll show that as well. I've integrated with Ember London Slack team. So I'm just going to log in. So when you first log in, you get your own personal account. So this is just my personal account here, highlighted at the top here. So this is linked to my Twitter account here. So I can import my latest tweets. So when I kind of... The way I work is I follow people on Twitter, and then I favorite things, interesting to me, and then it gets them all in one place, because I was always losing them and just couldn't find them. So but also, you can import your browser favorites as well, if you want. So these are things recently that I favorited. Obviously there's things to do with Ember, obviously, people that I follow. So I've also.. So I've created groups now. So there's an Ember London group here. So I belong to that group. So I can quickly kind of switch between the two. So these are all... These are linked here recently. So any kind of links that I've put in, into our Slack channel, come into here. So the main one that I use is Ember here. So it automatically assigns, kind of tags as they come in. So I personally find this quite useful because in Slack, I kind of feel a little bit overwhelmed at times. It's quite a lot of stuff in there. So for me, at least you can kind of see things fairly quickly with these tags. So if it's things that you're interested in, you know, to do with, you know, actions or, you know, trying to kind of sort of categorize it fairly...mainly for me, but I find people find this useful as well. So but you can also put in... It's not just for Slack. So I can put in tweets as well. So I could... So if I've got a tweet here, example, I can then share this with the group, and then that comes in here. So it just is a quick way of putting it in, into this group. But also, there's... I'm going back to my personal account. I've got a Chrome extension here. So [inaudible] sites like on Pin Board and also pocket as well. So for example, if I look at Ember London site here, I can just save that, and then actually come in on... I just need to refresh it at the moment, but... So you just got that link coming in at the top, like that. So yeah, so that's... So obviously, and you can... Obviously you can create your own categories, things like this. You can make them public and private. So then create tags at the bottom. So it's... Try to make it kind of user-friendly as possible. I think that's about it, really. Yeah. So I'm trying to think of other things we can do. So I think, yeah, so originally [inaudible] when I was learning [inaudible] and I think it maybe could be useful for maybe things like training. I've also thought maybe it could... With the whole kind of recent thing about fake news and sort of filter bubbles, that sort of thing, so maybe have... So you could categorize links in terms of different sites, as to kind of get a different viewpoint about things, possibly. I did do a quick thing on Brexit, just as kind of an obvious one, really. So maybe you could kind of categorize things in terms of positive or... It wasn't that many positive I could find at the moment. So that sort of thing. So that's the idea [inaudible] marketing purposes, possibly. So yeah, just a quick idea. So yeah, I think that's about it. So thanks. - [Male] So obviously we have to sign up for it. - Sorry. Right. Okay. So to get onto the [inaudible] just sign in with your Ember London... - So are we all sharing all the links that everyone's posting in Ember London's site? Is that the way it works? - Well, you can see any links in Ember London, which [inaudible] before that's okay. That's public. So be okay with that. But then because... What I do, if I see certain ones that are interest to me, then I then copy it to my own personal account. So I have it separately [inaudible] Ember London. Yeah. Is that okay? Or that make sense? - [Male] So next question. [inaudible] Twitter? - Yes. - When you import stuff from Twitter, do you do it in large volumes? Or say you did 1000 tweets. - Generally I'm only kind of favoriting a few at a time. So I haven't done that sort of volume. No. It'd be good to try, actually. Yeah. Because it's kind of just my personal stuff. Yeah. So I mean, I might only do, I don't know, 10, 20 a day or so, something, not that money. - And is it just standard Twitter development code? - Yeah, just use a... Just no. It just uses the Twitter client and just, yeah. Yeah, it's fairly standard. Yeah, it just uses the client to just connect to my account. Yeah. Do you want to see that? Or [inaudible]. Sorry. Yeah, it just uses this Twit client. We just... Where you get your access keys and... That's fairly tricky, kind of doing the...because getting the... Setting your ID so the last tweets... That was quite tricky, actually, to set what the latest one were and then to make sure it only gets... I mean, it was...gets the ones previous to that. So that was quite challenging, actually, getting that working. So it's when you first import things. Kind of give the option of kind of going back from... You might not want to import everything. I didn't want to just dump everything in there because I've got thousands. So it kind of gives you the option, how far you want to go back, really. But this does... But this is all tweets as well. So it's just things that you liked or re-tweet as well. So I'm just... Yeah, so that's where I'm kind of setting all the values in there. Okay. Is that okay? Or... I can talk [inaudible]. Okay. - [inaudible]. Are those catetories something that the users sign on their tweets? Or is that something Twitter generates in that case? - I created these all myself. So when you first log in, you'll just get a general category, which will be the default one. So if you... Anything you import, which is about [inaudible] go into general. So you can then... What I'd really like to do is... I mean, I've... Those are keywords for each category. So for example, if you put in like what I was showing with add-ons, so a keyword would just be if someone says, "Add-on." So just think like that types of keywords that will filter on. I need to kind of do the UI for that, really. So it will match. It will match what... Yeah. If you create an Ember category, and you type, "Ember," then it will automatically go into that, yeah, category. So it's kind of like automatic filter. - I think when you were describing the Slack integration, some tags were automatic. Is that right? - Yes. Yes, once you've created them. Yes. So you need to create them, manually, depending on what you... I could change that. I mean, I could maybe have automatically assigned ones. - Then does it look out for keywords in the messages? How does it work? - That's what I need to do. Yeah. So those are keywords ready for each one, but I just need to add the UI to it. So you can add it manually. So at the moment, I've just kind of done it like... Yeah, I've just done it on the back end at the moment, but I need to add that now.