HEMA-Broadcast

Now live at hema.codewitch.io

Graphical overlay elements for HEMA Broadcasts powered by HEMA Ratings.

Tired of manually editing big photoshop files with your stream overlays for every single tournament participant? Tired of collecting information on every fencer manually? Then boy do we have a new product for you! Introducing HEMA-Broadcast (name subject to change)!

This project is intended to be a user-friendly web app that does the tedious and difficult tasks of creating stream overlays for HEMA tournaments for you. All you need to do is enter the name of the relevant fencers and out comes a ready to use graphical element.

This is very much a work in progress and there are plans to add multiple different templates and add options for changing the visual style etc.

Here's an very early, very outdated alpha demo to show the intended usage flow:

demo.mp4

Development

Use pnpm as your package manager for best results. Use nvm or install Node.js version 21.7.1.

1. Clone repository
2. Run pnpm install
3. Create a copy of example.env, call it .env, and add your HEMA Ratings API key (get one by contacting them)
4. To run, use pnpm run dev (or vercel dev)
5. Navigate to localhost:3000

Production

1. Build using pnpm build
2. Start using pnpm start