Uma página de time mostra a temporada de um time num relance: os resultados, com vitórias, empates e derrotas, e as próximas partidas em todas as competições que ele disputa. É ideal para o site de um clube.
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.
Você precisa do nome do time, escrito exatamente como aparece no site da sua liga.
Ainda não tem uma liga? Teste o prompt primeiro com a liga de demonstração do LeagueRepublic: use o ID de temporada 153020000 e o nome de time Kings Arms.
Como usar o prompt
Copie o prompt da caixa cinza abaixo.
Preencha seus dados. Substitua [ID-DA-MINHA-TEMPORADA] pelo ID da sua temporada e [NOME-DO-MEU-TIME] pelo nome do time.
Diga como você quer que fique. Descreva as cores e o estilo do seu clube, 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 "essa partida foi em casa, não fora". 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 as partidas de um time na temporada. O ID da minha temporada é [ID-DA-MINHA-TEMPORADA] e o time se chama [NOME-DO-MEU-TIME].
A página deve: 1. Na primeira vez que carregar, encontre o ID do time a partir dos jogos da temporada e depois use o serviço Get Fixtures For Team. Guarde o ID para não precisar procurá-lo de novo. 2. Use o nome do time como título. 3. Divida as partidas em "Resultados", das mais recentes para as mais antigas, e "Próximas partidas", das mais próximas para as mais distantes. 4. Para cada partida, mostre a data, a competição (e a fase da copa, se houver), o adversário, se foi em casa ou fora, e o placar, com os gols do meu time primeiro. 5. Nos resultados, mostre V, E ou D do ponto de vista do time. Se uma partida terminou empatada e foi decidida nos pênaltis, mostre quem venceu a disputa de pênaltis em vez de E, com o placar dos pênaltis. 6. Mostre em letra pequena qualquer detalhe extra do placar, como o intervalo. 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. 7. Não recarregue os dados mais de uma vez por 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 diz que não encontra o time. Confira se o nome do time está escrito exatamente como no site da sua liga e se o time joga nessa temporada.
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 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 Fixtures For Team estão na especificação da API.