A hobby project, which tries to implement a more comfortable & feature-rich chat app for Twitch. PoC developed during the Capstone project of Udacity's Machine Learning Nanodegree.

This project was bootstrapped with Create React App. Its guide can be found here.

3rd party libraries

brain.js - for classifying messages as "show" or "hide" using Neural Networks
firebase - to persist data and authenticate the user via Twitch
material-ui - easy & fast UI/UX
mimir - bag-of-words model
react - front-end framework <3
redux - state <3
redux-thunk - for those awesome actions that actually aren't actions
tmi.js - Twitch api & chat connection

New Clone

Basically follow the steps here.

Create the src/config.js file with firebaseConfig & twitchConfig.
Create the functions/service-account.json file Docs
Set the twitch clientId & clientSecret as GCloud env variables Docs
firebase functions:config:set twitch.client_id="yourClientID" twitch.client_secret="yourClientSecret"
for local dev, also set firebase functions:config:set twitch.client_id_dev="yourClientDevID" twitch.client_secret_dev="yourClientDevSecret"

Sending Feedback

We are always open to your feedback.

Folder Structure

TODO some info about the structure

root/
  functions/ (contains the code for firebase-functions)
  node/ (model evaluation and verification, as well as the used dataset)
  public/
    index.html
    favicon.ico
  src/
    api/
      NeuralNet.js (the NN implementation, extending brain.js's functionality)
      Twitch.js (additional layer on top of tmi.js to connect to Twitch)
    components/ (contains all the React components used in the Web App)
    redux/ (contains all actions and reducers used to manage state)
    App.js
    index.js

Something Missing?

If you have ideas for more “How To” recipes that should be on this page, let us know.

License

embiem/Better-Twitch-Chat

About

Resources

License

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages