---
id: bd7158d8c442eddfaeb5bd1f
title: Use the Twitch JSON API
challengeType: 3
isRequired: false
videoUrl: ''
localeTitle: Use a API JSON do Twitch
---

## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso ver se freeCodeCamp está atualmente transmitindo no Twitch.tv. <strong>User Story:</strong> Eu posso clicar na saída de status e ser enviado diretamente para o canal Twitch.tv do freeCodeCamp. <strong>História do usuário:</strong> se um usuário do Twitch estiver fazendo streaming no momento, posso ver detalhes adicionais sobre o que está sendo transmitido. <strong>Dica:</strong> Veja um exemplo de chamada para a API JSONP do Twitch.tv em <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Dica:</strong> A documentação relevante sobre esta chamada da API está aqui: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Dica:</strong> Aqui está uma matriz dos nomes de usuários do Twitch.tv de pessoas que <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> stream regularmente: <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ATUALIZAÇÃO:</strong> Devido a uma alteração nas condições de uso da API, explicado <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">aqui, o</a> Twitch.tv agora requer uma chave de API, mas criamos uma solução alternativa. Use <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api em</a> vez do URL base da API do twitch (ou seja, https://api.twitch.tv/kraken) e você ainda poderá obter informações da conta, sem precisar para se inscrever em uma chave de API. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>

## Instructions
<section id="instructions">
</section>

## Tests
<section id='tests'>

```yml
tests: []

```

</section>

## Challenge Seed
<section id='challengeSeed'>

</section>

## Solution
<section id='solution'>

```js
// solution required
```
</section>
