https://github.com/shgysk8zer0/freecodecamp-twitch

FreeCodeCamp: Use the Twitchtv JSON API
https://github.com/shgysk8zer0/freecodecamp-twitch

freecodecamp javascript json-api modules twitch-api

Last synced: 25 days ago
JSON representation

FreeCodeCamp: Use the Twitchtv JSON API

• Host: GitHub
• URL: https://github.com/shgysk8zer0/freecodecamp-twitch
• Owner: shgysk8zer0
• License: gpl-3.0
• Created: 2017-09-28T20:13:04.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-10-21T22:01:42.000Z (about 5 years ago)
• Last Synced: 2024-10-19T03:57:35.321Z (2 months ago)
• Topics: freecodecamp, javascript, json-api, modules, twitch-api
• Language: ApacheConf
• Size: 82 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: docs/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: docs/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# freecodecamp-twitch

[FreeCodeCamp: Use the Twitchtv JSON API](https://codepen.io/shgysk8zer0/full/yzbmdy/)

- - -

[![license](https://img.shields.io/github/license/shgysk8zer0/freecodecamp-twitch.svg)](./LICENSE)

[![Build Status](https://travis-ci.org/shgysk8zer0/freecodecamp-twitch.svg?branch=master)](https://travis-ci.org/shgysk8zer0/freecodecamp-twitch)

[![GitHub issues](https://img.shields.io/github/issues/shgysk8zer0/freecodecamp-twitch.svg)](https://github.com/shgysk8zer0/freecodecamp-twitch/issues)

[![GitHub pull requests](https://img.shields.io/github/issues-pr/shgysk8zer0/freecodecamp-twitch.svg)](https://github.com/shgysk8zer0/freecodecamp-twitch/pulls)

[![GitHub stars](https://img.shields.io/github/stars/shgysk8zer0/freecodecamp-twitch.svg?style=social)](https://github.com/shgysk8zer0/freecodecamp-twitch/stargazers)

[![GitHub followers](https://img.shields.io/github/followers/shgysk8zer0.svg?style=social&label=Follow)](https://github.com/shgysk8zer0)

[![Twitter Follow](https://img.shields.io/twitter/follow/shgysk8zer0.svg?style=social&label=Follow)](https://twitter.com/shgysk8zer0)

[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=shgysk8zer0%2Fawesome-rss%3A%20Puts%20an%20RSS%2FAtom%20subscribe%20button%20back%20in%20URL%20bar&url=https%3A%2F%2Fgithub.com%2Fshgysk8zer0%2Fawesome-rss&original_referer=)

1. [ ] Objective: Build a [CodePen.io](https://codepen.io/) app that is

functionally similar to this: https://codepen.io/FreeCodeCamp/full/Myvqmo/

2. [ ] Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story).

Use whichever libraries or APIs you need. Give it your own personal style.

3. [ ] **User Story**: I can see whether Free Code Camp is currently streaming on Twitch.tv.

4. [ ] **User Story**: I can click the status output and be sent directly to

the Free Code Camp's Twitch.tv channel.

5. [ ] **User Story**: if a Twitch user is currently streaming, I can see additional

details about what they are streaming.

6. [ ] **Hint**: See an example call to Twitch.tv's JSONP API at http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541.

7. [ ] **Hint**: The relevant documentation about this API call is here: https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user.

8. [ ] **Hint**: Here's an array of the Twitch.tv usernames of people who regularly stream:

`["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`

9. [ ] **UPDATE**: Due to a change in conditions on API usage explained here

Twitch.tv now requires an API key, but we've built a workaround. Use

https://wind-bow.gomix.me/twitch-api instead of twitch's API base URL

(i.e. https://api.twitch.tv/kraken ) and you'll still be able to get account

information, without needing to sign up for an API key.

10. [ ] Remember to use [Read-Search-Ask](http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514)

if you get stuck.

11. [ ] When you are finished, click the "I've completed this challenge" button and

include a link to your CodePen.

12. [ ] You can get feedback on your project by sharing it with your friends on Facebook.

![screenshot](https://i.imgur.com/EpNY02U.png)