← Back to portfolio

Built by RoviDev Studio

ChatBeasts Arena — project cover
STREAMING · GAMING · KICK

ChatBeasts Arena

An interactive game/overlay for streamers: chat viewers create characters, battle in an arena and progress. Kick/Twitch integration, real-time WebSocket, AI-generated sprites and a dev panel.

Node.js WebSocket Kick Twitch OpenAI
I want something like this

Project overview

Project built by RoviDev Studio: an interactive arena where your chat battles live. An interactive game/overlay for streamers: chat viewers create characters, battle in an arena and progress. Int…

ArenaLive combatChat characters fight in real time on the overlay.
KickNative integrationDirect connection to Kick and Twitch chat.
AIUnique spritesPer-user avatar generation with OpenAI.
WSReal timeWebSocket for instant battle sync.

Problem → Solution

The challenge

  • Streamers need interactive mechanics that hook the chat.
  • Building overlay games requires WebSocket, sprites and combat logic.
  • Kick integration (on top of Twitch) is a key differentiator.

The RoviDev Studio delivery

  • Web overlay with a battle arena visible on stream.
  • Characters created by chat users with stats and progression.
  • Kick/Twitch integration with tmi.js for commands and events.
  • Sprite generation with OpenAI and a dev panel to manage assets.

What’s inside

Arena

PvP combat

Chat characters fight with stats, skills and progression.

Chat

Kick + Twitch

Native integration with both streaming platforms.

Sprites

Generative AI

Unique avatars generated with OpenAI for each user.

Overlay

OBS-ready

Visual layer to overlay on any stream.

Progression

Stats + levels

XP and upgrade system for recurring characters.

Panel

Dev tools

Manage templates, sprites, stats and arena configuration.

Stack & architecture

BackendNode.js + ExpressREST API with WebSocket for real time.
DBPrisma + SQLitePersistence for characters, battles and stats.
Chattmi.js + Kick JSDual integration with Twitch and Kick.
AIOpenAIGeneration of unique sprites and avatars.
FrontendOverlay HTML/JSVisual layer for an OBS browser source.
RealtimeWebSocketInstant battle synchronisation.

Want a project like this?

RoviDev Studio designs, builds and ships custom digital products. Tell us your idea.

Request a quote contacto@rovidev.com

See full portfolio · Services · Hire us

Related services

Custom bots · AI chatbots