Configurações

Gabepeixe

2024

A aplicação foi criada para melhorar a informação para os espectadores do influenciador. A necessidade era que houvesse apenas um lugar onde o espectador entre e fique informado sobre tudo a respeito do gabepeixe, sem ter a necessidade de perguntar ou enviar comandos no chat, apenas entrar no site e verificar.

PROJECT IMAGE

Gerenciamento.

Para gerenciar o projeto foi criado um painel, onde tudo na página principal é personalizável, então é possível gerenciar jogos, usuários, verificar pedidos da loja, alterar links de redes sociais, realizar sincronizações manuais, entre outras coisas, facilitando o trabalho de gerenciamento para quem for responsável por gerir esses conteúdos em tempo real.

PROJECT IMAGE

Integração.

O site contém integrações com o StreamElements, tanto para verificar os pontos assim que o usuário cria uma conta no site quanto para realizar compras diretamente pelo site, descontando diretamente da pontuação do StreamElements, que é recebida ao assistir as transmissões.

PROJECT IMAGE

Sincronização.

Para automatizar o processo de informação em apenas um lugar foi feita a sincronização das redes sociais do Gabepeixe na página inicial do site. Quando o influenciador cria uma postagem em alguma dessas plataformas isso é automaticamente incluído no site, fazendo com que tudo esteja em apenas um lugar, dando um acesso muito mais fácil aos espectadores às postagens mais recentes do influenciador.

PROJECT IMAGE

Compartilhamento.

Para facilitar o compartilhamento de links para reação em live, foi criada uma área específica no site, onde o usuário pode enviar links de plataformas específicas e após a aprovação de um moderador isso pode ser visualizado pelo influenciador em suas transmissões.

PROJECT IMAGE

Experiência.

Construir essa aplicação foi importante para reforçar e aprimorar os meus conhecimentos em cima da minha Stack. Nesse projeto utilizei múltiplas plataformas para integração de coleta de dados. O projeto é um monorepo, utiliza Next.js. Para a construção do front-end foram utilizados React.js e Tailwind CSS. Para a construção do back-end foram utilizados Node.js e Prisma como Type ORM. O banco de dados utiliza MySQL. O projeto foi uma ótima experiência também para melhorar a minha organização de código, sendo também uma oportunidade para aplicar melhoras de performance em metodologias que eu já aplicava.

PROJECT IMAGE

Gostou do projeto?

Visitar

Twitter

Github

Discord

gabrielrcodes

Linkedin