Redemption ARC

Credit to aryajp for the name

Redemption ARC (Automatically Reading Cooldowns) is a browser-source based UI for Twitch streamers to visualize the cooldowns of channel point redemptions on their stream.

Written for https://codejam.timeenjoyed.dev/ 2023 in a single Twitch stream

Demo

Video.mp4

(special thanks to https://twitch.tv/TheCoppinger)

Usage

1. Go to the ARC website
2. Connect your Twitch account
3. copy paste the given URL into a browser source
4. set the browser source size to 1920x1080 (or whatever resolution you stream at)
5. (optional) copy paste the provided example CSS into the browser source settings

you now have cooldowns for your channel point rewards! 🥳

Running Locally

You will first need to create a folder in the root folder of the project called .secrets. The file should look like this:

TWITCH_CLIENT_ID=< obtained from twitch developer console >
TWITCH_CLIENT_SECRET=< obtained from twitch developer console >
TWITCH_EVENTSUB_SECRET=< a random string of 30-100 characters >

Once you have that, the easiest (and safest) way to get the project running is to use Docker. For example:

docker build -t redemptionarc .
docker run -p 3000:3000 redemptionarc

---

Powered by BASH stack