Skip to content

Andrea-MariaDB/jubilant-palm-tree

Repository files navigation

Twitch Live Extension

Chrome Web Store Chrome Web Store Chrome Web Store

A browser extension that will help you to find out when your followed streamers are live on Twitch and will send notifications when they start a new live stream.

Table of Contents

To start using it, open it, log in with your Twitch account, so that the extension has access only to your public information, and, every time you click on the extension icon, you will see the streamers that you follow that are live.

This extensions supports Just Went Live notifications. If you want to enable them, open the extension, go to Settings and enable the Just Went Live notifications.

The first time the extension is opened, it stores yours follows list, as getting them is very time consuming. This way, when the extension is used, it's faster to show the ones that are live. This list expires after 1 day and if you click on the extension after that period, it wil take 1 second more to show the live streams because it's storing the new follows list.

If you don't want to wait 1 day to get the most updated list, if you click on Settings, there's a button to refresh the list. There's also a button to switch the Twitch account you are logged in.

The extension is available on Chrome Store.

Extension List Extension Over

Settings

In this page you can:

  • Switch Twitch account
  • Refresh the stored follows list
  • Enable/Disable just went live notifications

Settings Settings With notifications enbaled

Notifications

MacOS

Notification Notification

Windows

For Windows users, you might get annoyed with the sound from Chrome Notifications. You can disable it by:

  • Select the Windows Start button, and then select Settings
  • Go to System > Notifications & actions
  • Scroll down to "Google Chrome" and click the Chrome icon to open the notification settings
  • Toggle "Play a sound when a notification arrives" to Off

Notification Notification

Available Scripts

Before running any command, you need to create a file with your Twitch Client ID. To get one, go to the Twitch Api page and register your app.

After that, create the file ./src/config.ts with:
export const CLIENT_ID = "YOUR_CLIENT_ID";

yarn start

Runs the app in the development mode with reloading.
Open http://localhost:3000 to view it in the browser.

yarn test

Runs all the tests

yarn build

Builds the app for production to the build folder without inline scripts.

Deployment

  • Run yarn build.
  • Open chrome://extensions
  • Enable Developer mode
  • Press Load unpacked and upload the build folder

Frameworks

This extension was developed using React, Redux Toolkit and Material-UI.

Resources

Changelog

Contribution

Youtube

Twitch

And everyone else that helped testing and I didn't mention.

Problems or issues?

If you encounter any problems, bugs or other issues with the repo, please create an issue in the GitHub repo.

License

BSD-Clause 3

About

My First Static WebSite, Based On GitHub Pages

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published