Uma página de tabela de classificação mostra a classificação de cada divisão da sua liga, com um menu para alternar entre elas. Você pode usá-la sozinha ou colocá-la no seu site ao lado das suas notícias.
Você não precisa ser desenvolvedor. Um assistente de IA como o ChatGPT ou o Claude pode criar a página para você a partir das 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. 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 [MY-SEASON-ID] pelo seu próprio número.
Diga como você quer que fique. Descreva suas cores e seu 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 e depois dê dois cliques nele para abri-lo no navegador.
Compare com o site da sua liga. Se algo parecer errado, diga à IA com palavras simples, por exemplo "a coluna de pontos está faltando". 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 apenas os serviços, endereços web e nomes de campo que ela descreve, e siga as regras dela sobre o limite de requisições, valores vazios, erros e "road" significando visitante (away). Se você não conseguir abrir esse endereço, pare e peça para eu colar a especificação.
Crie para mim uma única página web (um arquivo HTML que eu possa abrir no navegador) que mostre as tabelas da minha liga. O ID da minha temporada é [MY-SEASON-ID].
A página deve: 1. Usar o serviço Get Fixture Groups For Season para listar as divisões da temporada e mostrá-las em um menu. Abrir na primeira divisão. 2. Quando eu escolher uma divisão, mostrar a tabela dela usando o serviço Get Standings For Fixture Group. Carregar uma divisão somente quando eu a escolher. 3. Mostrar posição, time, jogos, vitórias, empates, derrotas, gols pró, gols contra, saldo e pontos, além do desempenho recente como pequenos selos coloridos (vitória, empate, derrota). 4. Listar também as copas no menu, mas só verificar se uma copa tem tabelas quando eu a escolher. Se ela for disputada em grupos, mostrar uma tabela para cada grupo com o nome do grupo acima. Se não tiver tabelas, avisar. 5. Permitir que eu toque em um time para destacar a linha dele. 6. No celular, manter posição, time, jogos, saldo e pontos, e ocultar as demais colunas. 7. Salvar cada tabela depois de carregá-la e não pedir a mesma 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-me se algo não estiver claro.
Design: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT] |
Se algo der errado
A tabela de uma divisão está toda zerada. Essa divisão ainda não jogou nenhuma partida. Ela é preenchida assim que os resultados forem lançados.
Falta uma divisão. Divisões com as tabelas ocultas no site da sua liga também ficam ocultas aqui.
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 funciona na janela de visualização da IA. Muitas visualizações não conseguem buscar dados de outros sites. Salve o arquivo e abra-o no 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 dos serviços usados aqui estão na especificação da API.