Configurações

zMarathon

2024

Um site simples, que consiste em ser um painel para controle de subathons de streamers. O diferencial do projeto é criar um contador, que ao receber doações ele incrementa tempo, totalmente personalizável pelo criador de conteúdo. Além disso conta com uma sincronização com múltiplas plataformas e controle por meio do chat.

PROJECT IMAGE

Tabela.

Além do widget principal, do contador, também há um widget de tabela, rotativo, que mostra os preços de doação nas plataformas configuradas no programa. Os valores são sincronizados em tempo real ao serem alterados na interface do programa. Além disso a tabela também conta com algumas personalizações de fonte, para uma melhor personalização do widget.

PROJECT IMAGE

Experiência.

O projeto da interface foi feita utilizando Next.js e Tailwind CSS, enquanto o controle todo do programa foi feito utilizando bun e no final compilado para um .exe, que ao ser executado abre um servidor web socket no computador do usuário, pertimindo assim que sejam criados arquivos locais de configuração para gerenciar o contador. Nesse projeto eu fiquei responsável pela criação do front-end, enquanto o Zack_SB ficou responsável pelo gerenciamento do programa feito com Node. As conexões e as personalizações da tabela. No projeto foram feitas as sincronizações com a Twitch, com LivePix e também com o YouTube.

PROJECT IMAGE

Gostou do projeto?

Visitar

Twitter

Github

Discord

gabrielrcodes

Linkedin