Defgine Flowbot

• 

• 

• 

  All new and prestine, with different themes even.

• 

  The old app, before the rework. Damn this was ugly.

Inspiration

A long time ago I used to mod for many streamers on their way to partner. As such I wanted to be able to manage their streams better. Then after my own stream got raided by a big streamer and I probably missed 90% of those new chatters, I thought there had to be a better way to not let anyone feel left out. Thus the Flowbot was born.

What it does

It gives the streamer more customizable chat windows, 3 at that. One for your full chat, one for the first message of any viewer that streams, and one for keywords that you set up yourself to keep an eye on. But this is not all, the new version allows chat moderation and you can switch the channel to one you are modding for. So whether you stream or moderate, the tool will help you greatly.

How we built it

The original version was just plain HTML and js inside of Streamlabs OBS. Now we have updated it to be a full React/Tailwind CSS powerhouse (still inside of Slobs)

Challenges we ran into

Design for the most part, since I did this originally all by myself, and I am full-on coder brain, the design was sloppy at best. Also the early version was a "good enough" approach as such it was missing obvious features like chat moderation.

Accomplishments that we're proud of

The new design, also that we finally managed to add some much needed features.

What's next for Defgine Flowbot

Well, 2.0 just released, for now, we will talk to our new (and old) users and listen for feedback about the new features and other requests. We have some ideas still, but since 2.0 was a huge change in function and design, we don't want to rush more into it.

What changed

Since this is an old app I want to point out what changed. Aside from a redesign in looks, it also is an entirely new system, going from basic HTML to React. It now has the Twitch API included for moderation functionality, more customization for keywords, more fonts overall, and is way more stable than it used to be.

Built With

• react
• streamlabs
• tailwind
• twitchapi
• twitchirc
• twitchjs