Hot on the heels of the Wikipedia viewer, the next exercise is twitch.tv stream.
I’m officially starting this today at 11:00, so I might even log the number of hours I spend on it.
In line with what I’ve learned in the last two projects, I’m going to design the UI first:
UI
- User Story: I can see whether Free Code Camp is currently streaming on Twitch.tv.
- User Story: I can click the status output and be sent directly to the Free Code Camp’s Twitch.tv channel.
- User Story: I will see a placeholder notification if a streamer has closed their Twitch account (or the account never existed). You can verify this works by adding brunofin and comster404 to your array of Twitch streamers
- Hint: See an example call to Twitch.tv’s JSONP API at http://forum.freecodecamp.com/t/use-the-twitchtv-json-api/19541.
1) Display list of twitch accounts
1.1) filterable by:
- all
- online
- offline
1.2) online user listings should display further details of what they are playing
1.3) listings should include the user’s avatar
1.4) the user account/avatar/whole listing should link straight to the twitch page
That’s probably enough to get going.
Log
11:30 - account set up, couple of users followed
11:50 - some distractions… Plan approach:
1) mock up interface - attempt mobile first?
2) MVC shell
3) API interactions - this is going to be the hardest bit. Get promises working early on, I say.
12:05 - get distracted by thoughts of a whisky app. aaargh
12:19 - have created a directory and a github repo. added skeleton elements. Need to design my components now.
