Vou te explicar o funcionamento das contribuições do StackOverflow.
Eles tem uma api que retorna uma imagem customizada.
Essa imagem tem as tuas contribuições, icone e badges do StackOverflow.
Por ser uma imagem, tu consegue adicionar no teu ReadMe do GitHub como um elemento html
Por exemplo, se eu colocar esse código HTML no meu ReadMe:
<a href="https://stackoverflow.com/users/22512772/felipe-malicheski"><img src="https://stackoverflow.com/users/flair/22512772.png" width="208" height="58" alt="profile for Felipe Malicheski at Stack Overflow, Q&A for professional and enthusiast programmers" title="profile for Felipe Malicheski at Stack Overflow, Q&A for professional and enthusiast programmers"></a>
Vai aparecer as minhas contribuições do StackOverflow no meu perfil do GitHub
Exemplo da imagem da API do StackOverflow
Pra tu fazer algo parecido tu teria que montar uma api que retorna uma imagem customizada, utilizando em conjunto a API do tabnews.
Eu fiz de maneira totalmente porca e com certeza vai dar lag no futuro um código em JS que mostra a quantidade de publicações que eu fiz utilizando a API do tabnews.
window.onload = function() {
async function chamarApi() {
const response = await fetch("https://www.tabnews.com.br/api/v1/contents/CarlosPadaria");
const itens = await response.json();
alert(itens.length);
}
chamarApi();
};
No momento esse código retorna o numero 9, que é a quantidade de contribuições que eu fiz no TabNews
Tu pode abrir uma issue no Github do Tabnews e desenvolver isso que eu disse.
Pode te ajudar:
How do I add my Stack Overflow reputation as a live badge on GitHub?