---
id: bd7158d8c442eddfaeb5bd1f
title: Usa l'API JSON di Twitch
challengeType: 3
forumTopicId: 19541
dashedName: use-the-twitch-json-api
---

# --description--

**Obiettivo:** Costruisci un'app [CodePen.io](https://codepen.io) funzionalmente simile a questa: [https://codepen.io/freeCodeCamp/full/Myvqmo](https://codepen.io/freeCodeCamp/full/Myvqmo/).

Soddisfa le seguenti [user story](https://en.wikipedia.org/wiki/User_story). Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.

**User Story:** Posso vedere se freeCodeCamp è attualmente in diretta su Twitch.tv.

**User Story:** Posso cliccare sull'output di stato ed essere inviato direttamente al canale Twitch.tv di freeCodeCamp.

**User Story:** se un utente Twitch è attualmente in streaming, posso vedere ulteriori dettagli su ciò che viene trasmesso.

**Hint:** La documentazione relativa all'API KSON di Twitch.tv è qui: <https://dev.twitch.tv/docs/api/reference/#get-streams>.

**Hint:** Ecco un array di nomi utente Twitch.tv di persone che fanno streaming regolarmente: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`

**AGGIORNAMENTO:** A causa di un cambiamento nelle condizioni di utilizzo della API, Twitch.tv richiede una chiave API, ma abbiamo costruito un'alternativa. Usa <https://twitch-proxy.freecodecamp.rocks/> invece dell'url base della API di Twitch (i.e. `https://api.twitch.tv/helix` ) e sarai in grado di avere le informazioni degli account senza doverti iscrivere per una API key.

Quando hai finito, includi un link al tuo progetto su CodePen e clicca sul pulsante "Ho completato questa sfida".

Puoi ottenere un feedback sul tuo progetto condividendolo sul forum [freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).

# --solutions--

```js
// solution required
```
