https://github.com/endel/twitch-onstream-todo-list

A to-do/checklist viewer for OBS as a Browser Source
https://github.com/endel/twitch-onstream-todo-list

Last synced: about 1 year ago
JSON representation

A to-do/checklist viewer for OBS as a Browser Source

• Host: GitHub
• URL: https://github.com/endel/twitch-onstream-todo-list
• Owner: endel
• License: mit
• Created: 2022-01-03T15:22:20.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-02-13T14:46:05.000Z (over 4 years ago)
• Last Synced: 2025-02-12T06:21:16.190Z (over 1 year ago)
• Language: HTML
• Homepage: https://www.youtube.com/watch?v=BbR1qAeCn10
• Size: 699 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# On-stream to-do/checklist viewer



- HTML: https://twitch-todo.vercel.app/

- Raw data: https://twitch-todo.vercel.app/api

## Recommended: Deploying to Vercel

Click here [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fendel%2Ftwitch-onstream-todo-list&env=TODOIST_TOKEN,TODOIST_PROJECT_ID)

In the _"Configure Project"_ step you'll be asked for these Environment Variables:

### `TODOIST_TOKEN`

Open _"Settings"_ → _"Integrations"_, and scroll to the bottom, then copy the API token to clipboard.

![](screenshot-settings.png?raw=1)

### `TODOIST_PROJECT_ID`

You may filter your tasks per project. (If specified, only 1 `"projectId"` can be used)

After you have your full Todoist task list showing up on Vercel, you can access the `/api` URL, and search for a `"projectId"` field in the tasks under the project you're interested in filtering, and use that value for the environment variable.

![](screenshot-projectid.png?raw=1)

### (optional) `TODOIST_SECTION_ID`

You may filter your tasks by their "sectionId", too. (If specified, only 1 `"sectionId"` can be used)

## Alternative: Run it locally on your machine

Requirements:

- Git

- NodeJS

- Todoist account and API Token

How to use:

- Clone this repo

- Update the `.env` file with your [Todoist](https://todoist.com/) API Token

- `npm install` + `npm start`

- Add a "Browser Source" on OBS, and use this URL: http://localhost:8888

## License

MIT