All projects

Client work · 2025 – present Project 11 of 20

Tools for a streamer

Overlays, mini-games and a community site for a Twitch channel.

At a glance

Role
Design, development and operations
Period
2025 – present
Status
Live
Technologies
9 technologies

About the project

A number of smaller apps have grown up around one Twitch channel. Some run in OBS as browser sources, the rest are websites for viewers.

  • A hub for the community with forms, links and competitions.
  • A prize wheel and mini-games: spins for donations and subscriptions, bets, loans and investments in channel points, sponsor of the month and a countdown. The data comes from StreamElements; a PHP daemon listens to their WebSocket and stores the events.
  • Syselo: a social media overlay with a choice of position, order and animations for entering, leaving and idling, with settings profiles and import and export.
  • Sub Canvas: a Nette app with a shared pixel canvas. Viewers earn tiles with subscriptions and gifted subscriptions, which the app receives through Twitch EventSub. The canvas comes with a boss raid, bingo and slot machines.
  • Tasks for viewers with Twitch sign-in, proof uploads, approval in an admin and the option to swap a task for channel points.
  • A donation page with card payments through Stripe or PayPal and a list of the top donors.
  • Grace, a pixel-art cat for the stream, is described separately.

Built with

  • PHP
  • Nette
  • JavaScript
  • SQLite
  • Twitch API
  • StreamElements API
  • Stripe
  • PayPal
  • OBS

Keyboard shortcuts.

Keyboard shortcuts for this site. They stay quiet while you type into a form.

This site

?
This help
g
12-column grid, components and page metrics
d
Appearance: system, light, dark, Linkin Park
Ctrl P
Print the CV instead of the website
Esc
Close the dialog or the grid

The blue dot after the name can be grabbed and thrown.

Linkin Park

l setlist lp
The setlist, songs by album
papercut
The page tears like paper
numb
The site goes numb for a few seconds
faint
The page faints and comes round
meteora
A meteor shower and a direct hit on the dot after the name
fromzero emily
The site fades down to zero and is reborn, with thanks to Emily Armstrong
concert koncert
Concert: the site runs through the colours of every album
castleofglass
The page turns to glass, cracks and shatters
iridescent
Headings and dots shimmer in rainbow colours
breakingthehabit
Whatever is on screen falls apart and snaps back
intheend
End credits, like at the cinema
victim morethevictim
The site breaks up in a glitch and stays distorted (until a reload, another word or Esc)
finalmasquerade
A masquerade mask over the whole site, the camera flies through an eye
lost
Off to the 404 page

Type the words anywhere outside the form; case and spaces do not matter. With reduced motion you get a short note instead.

On a phone, five taps on the blue dot after the name open the setlist.