36 lines
2.7 KiB
Markdown
36 lines
2.7 KiB
Markdown
|
---
|
|||
|
|
id: bd7158d8c442eddfaeb5bd1f
|
|||
|
|
title: Використання Twitch JSON API
|
|||
|
|
challengeType: 3
|
|||
|
|
forumTopicId: 19541
|
|||
|
|
dashedName: use-the-twitch-json-api
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# --description--
|
|||
|
|
|
|||
|
|
**Мета:** Створити додаток [CodePen.io](https://codepen.io), який за функціями схожий на цей: [ https://codepen.io/freeCodeCamp/full/Myvqmo/](https://codepen.io/freeCodeCamp/full/Myvqmo/).
|
|||
|
|
|
|||
|
|
Виконайте наведені нижче [історії користувача](https://en.wikipedia.org/wiki/User_story). Використовуйте необхідні вам бібліотеки або API. Виконайте завдання у власному стилі.
|
|||
|
|
|
|||
|
|
**Історія користувача:** Я можу бачити чи зараз freeCodeCamp транслюється на Twitch.tv.
|
|||
|
|
|
|||
|
|
**Історія користувача:** Я можу натиснути на статус користувача і безпосередньо перейти на канал freeCodeCamp на Twitch.tv.
|
|||
|
|
|
|||
|
|
**Історія користувача:** Якщо користувач Twitch на цей момент проводить трансляцію, я можу подивитись додаткову інформацію про що вона.
|
|||
|
|
|
|||
|
|
**Підказка:** Відповідна документація про JSON API на Twitch.tv тут: <https://dev.twitch.tv/docs/api/reference/#get-streams>.
|
|||
|
|
|
|||
|
|
**Підказка:** Ось перелік імен користувачів, хто регулярно проводить трансляції: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`
|
|||
|
|
|
|||
|
|
**UPDATE:** Через зміни в умовах користування API Twitch.tv вимагає ключ доступу API, але ми створили спосіб його обійти. Використовуйте <https://twitch-proxy.freecodecamp.rocks/> замість базового посилання на API Twitch (наприклад, `https://api.twitch.tv/helix` ), і ви теж зможете отримати інформацію облікового запису без реєстрації для отримання ключа доступу API.
|
|||
|
|
|
|||
|
|
Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Завдання виконано".
|
|||
|
|
|
|||
|
|
Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
|||
|
|
|
|||
|
|
# --solutions--
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
// solution required
|
|||
|
|
```
|