Skip to content
LuckyFoxCode
ALL POSTSdevlogSep 05, 20261 min read

FoxSphere: building a full-stack Twitch platform

FoxSphere is the second real project on the channel and the first where I touch the backend seriously. The idea is simple: the chat bot and the on-stream overlay should be one system, not two scripts that happen to know about each other.

Stack

  • Frontend: Vue 3 (Composition API) + TypeScript, Pinia, Vue Router, TailwindCSS

  • Backend: Node.js + Express + TypeScript

  • Database: PostgreSQL via Prisma ORM

  • Tooling: Docker, ESLint + Prettier

What already works

Chat commands live in the bot: !coins, !points, !ticket and !tickets — the channel economy and the VIP raffle. Next those same numbers have to reach the overlay, so a viewer sees their progress instead of one line in chat.

What's next

The near step is moving the schema into Prisma and closing the first vertical slice: a viewer types a command, the value lands in Postgres, the overlay updates without a reload. All of it written on stream, with no pre-baked code.