This simple twitch app displays 3 scenes : Enter, game, and ending. Two datas are displayble for now (further improvements) this app is optimized for Implicit grant flow (front end app) this app need to register an app at Twitch below informations on how to prepare params

Install NodeJs If needed change the scripts policy for windows

clone this app, Go in the app folder execute npm install

create a params folder under src create a Text.jsx file put this data template

export const texts = { home: { title: "", music: "", composer: "" }, game: { title: "" }, ending: { title: "", music: "", composer: "" } }

write what you want between quotes

create UrlTokenRequestParams.jsx document within the params folder

Then copy params below

This app is optimized for Implicit grant flow then

by default a react app starts on port 3000. change it if you changed this but don't modify routes game & ending

You must create an app for twitch and get the app id const appId = "" const home = "http:https://localhost:3000/" const game = "http:https://localhost:3000/game" const ending = "http:https://localhost:3000/ending" const responseType = "token"

const scopes = "user:read:follows user:read:email"

Not need to modify that export const params = { response_type: responseType, client_id: appId, redirect_uri: "", scope: scopes }

Not need to modify that export const routes = { home: home, game: game, ending: ending, }

Not need to modify that - the default base url to get the auth token export const baseUrl = "https://id.twitch.tv/oauth2/authorize"

Not need to modify that export const paramsToSearch = ["#access_token"]

modify only your to_id, corresponding to digits in your stream id export const ReqParams = { getFollwers: { action: "getFollowers", message: "Followers data could not be fetched", method: "get", baseUrl: "https://api.twitch.tv/helix/users/follows", params: { to_id:"" }, headers: { clientId: appId } } }