Tournament Editor
FULL-STACK / 2025

Tournament Editor

AI-gestuurde toernooipagina's voor Twitch-kijkers.

Een customizable online toernooitool gebouwd voor Rosh Studios, gericht op kijkersengagement rondom Twitch-toernooien. De tool stelt een admin in staat om toernooipagina's te genereren, bewerken en beheren via een AI-gestuurde wizard en live editor.

Next.jsReactSupabaseClaude APITailwind CSSVercelGroepsproject

Looptijd

Semester 3, Front-end Development

Rol

Full-stack Developer

Links

Vercel
GitHub
open_in_full
De uitdaging

Rosh Studios maakte eerder gebruik van Challonge voor het beheren van toernooien. Hoewel functioneel, bood het platform nauwelijks mogelijkheden om de uitstraling aan te passen aan de Rosh Studios-branding. De uitdaging: een tool bouwen die wél volledig customisable is, zonder dat de beheerder technische kennis nodig heeft.

AI Wizard

De kern van de tool is een wizard-flow die gebruikersinput omzet in een Claude-prompt. Claude genereert vervolgens een volledige toernooipagina in HTML, CSS en JavaScript, op maat en binnen seconden.

open_in_full
Live editor & dashboard

Na generatie kunnen pagina's component voor component bewerkt worden via een live editor. Data wordt opgeslagen in Supabase. Het dashboard biedt overzicht van alle pagina's, publicatie via eigen slugs en Twitch-integratie.

Gallery

open_in_full
open_in_full
open_in_full

Meer Projecten