Uma página de central de partidas mostra tudo o que acontece na sua liga em um dia: as partidas, os placares e as tabelas, com uma faixa de datas para passar de um dia para outro. Ela é parecida com a página Match Hub do seu site LeagueRepublic, mas o design é você quem decide.
Você não precisa ser desenvolvedor. Um assistente de IA como o ChatGPT ou o Claude pode criar a página para você com as instruções abaixo.
Antes de começar
Sua liga precisa do plano Gold com a API ativada. Veja Primeiros passos com a API.
Você precisa do ID da sua temporada. O artigo Como a API funciona mostra como encontrá-lo.
Ainda não tem uma liga? Teste o prompt primeiro com a liga de demonstração do LeagueRepublic: use o ID de temporada 153020000.
Como usar o prompt
Copie o prompt da caixa cinza abaixo.
Preencha o ID da sua temporada. Substitua [ID-DA-MINHA-TEMPORADA] pelo seu número.
Diga como você quer que fique. Descreva suas cores e estilo, ou anexe uma captura de tela do seu site ou de um design de que você goste. Uma imagem costuma funcionar melhor. Se você não disser nada, a IA vai escolher um design simples.
Cole no assistente de IA e envie.
Abra o arquivo que ele entregar. Salve o arquivo e clique duas vezes nele para abri-lo no navegador.
Compare com o site da sua liga. Se algo parecer errado, diga à IA com palavras simples, por exemplo "os placares estão invertidos". Ela vai corrigir.
O prompt
Antes de começar, leia a especificação da API JSON do LeagueRepublic em https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Use somente os serviços, endereços web e nomes de campos descritos nela, e siga as regras dela sobre o limite de solicitações, valores vazios, erros e "road" significar visitante. Se você não conseguir abrir esse endereço, pare e me peça para colar a especificação.
Crie para mim uma única página web (um arquivo HTML que eu possa abrir no navegador) que mostre a central de partidas da minha liga, usando o serviço Get Match Hub. O ID da minha temporada é [ID-DA-MINHA-TEMPORADA].
A página deve: 1. Mostre no topo uma faixa de dias de jogo clicáveis, incluindo a opção "a confirmar". Cada dia mostra quantos resultados e quantas partidas a disputar ele tem. Clicar em um dia carrega esse dia. Quando a página abrir, role a faixa para que o dia exibido fique visível. 2. Permita que eu troque de temporada. 3. Mostre as partidas do dia agrupadas sob o nome de cada divisão ou fase da copa. 4. Para cada partida, mostre o time da casa, o placar e o time visitante. Se ainda não começou, mostre o horário de início. Marque os placares ao vivo como "Ao vivo" e os resultados que a liga ainda não aprovou como "Provisório". Se uma partida for adiada, mostre isso em vez do horário. Se a data de uma partida já passou mas ainda não há resultado, mostre "Aguardando resultado" em vez do horário. 5. Mostre em letra pequena qualquer detalhe extra do placar, como o intervalo ou os pênaltis. Não repita a fase da copa embaixo de uma partida se ela já estiver no nome do grupo. 6. Embaixo de cada divisão, mostre a tabela de classificação: posição, time, jogos, vitórias, empates, derrotas, saldo, pontos e desempenho recente. 7. Quando uma partida tiver jogos individuais (dardos, sinuca) ou placares por entradas ou quartos, mostre-os em uma seção que eu possa abrir e fechar. 8. Guarde cada dia depois de carregá-lo e não peça o mesmo dia de novo em menos de um minuto.
Mantenha o design limpo e fácil de ler no celular. Explique em passos simples como abrir e usar o arquivo. Pergunte se algo não estiver claro.
Design: [DESCREVA O VISUAL QUE VOCÊ QUER OU ANEXE UMA CAPTURA DE TELA] |
Se algo der errado
A página mostra uma mensagem de erro. Confira o ID da sua temporada e se a API está ativada para a sua liga.
A página não mostra nenhum dado. Diga à IA exatamente o que você vê. Talvez ela precise mudar a forma como a página carrega os dados.
A página não funciona na janela de pré-visualização da IA. Muitas pré-visualizações não conseguem buscar dados de outros sites. Salve o arquivo e abra no seu navegador.
A IA diz que não consegue ler a especificação. Abra o endereço da especificação no navegador, selecione tudo, copie e cole na IA.
Todos os detalhes do serviço Get Match Hub estão na especificação da API.