Gerando Badge para README do seu GitHub de forma simples e rápida.

Vocês já passaram por uma situação na qual precisou montar um readme para um projeto ou para seu perfil, e queria deixar a estética dele mais bonita usando aqueles Badge, mas as vezes a gente quer algo mais preciso e rápido, e as únicas maneiras que você encontrava era:

Procurar em repositório de alguém.
Tentar criar um do 0.
Pedir pra IA fazer.
Procurar bastante nesse mundo vasto da internet.
Ou usar alguns sites que geram README completo pra pegar so Badge (e as vezes nem tinha todas as ferramentas).

Apresento o Badge Maker for README, uma ferramenta online onde basta digitar o nome da tecnologia (como: JavaScript, Python, Git, Docker) ou de redes sociais (como: x, LinkedIn, Instagram), e você obtém instantaneamente a prévia da badge junto com o código pronto para copiar e colar.

Sem complicações, apenas digite e gere!

Interface intuitiva e minimalista.

Repo Site

O feedback e idéias de vocês será muito bem-vindo!

luansemz há 2 meses

Opa, tudo bem?

Eu abri o site, mas não abri o repositório, tudo o que eu falar é com base nisso.

A busca pela Badge não demora, mas é lenta. (como assim?)

Sempre que alguem faz uma busca por uma Badge, exemplo: "Rust", você faz uma requisição GET na seguinte URL: https://t-heu.github.io/badge-generator/dataCustom.json

Isso processa um JSON de ~5kb (Acho que você filtra os resultados no frontend)

A minha dúvida é em relação ao deploy, se eu fizer um ataque nessa rota (para fins de teste), quantas requisições o site vai conseguir processar?

Você consegue filtrar a busca no backend ao invés de enviar todo o JSON?

matheud há 2 meses

Uma pergunta interessante, o site ele não tem backend, ele consome duas APIs, 1 que tá no CDN que é apenas um conjunto de nome de ferramentas com cores e apelidos pré-definidos, no qual eu complemento com outro JSON personalizado que está no local do site (famosa pasta public), esse JSON é qual eu adiciono novas ferramentas, cores, apelidos e icons. Até então nessas duas buscas de JSON que faço não envolve um filtro ele ja busca tudo e usa .filter pra tratar, ai chega na próxima API que é da SHIELD.IO no qual vai ele vai fazer busca de forma exata. Sobre Deploy ele é apenas um site estático hospedado no Github Pages (por ser Github, sabe-se que tem suas limitações de banda...).

luansemz há 2 meses

Eu não vou dizer que entendi completamente o fluxo que você faz para buscar as informações. > "...ai chega na próxima API que é da SHIELD.IO no qual vai ele vai fazer busca de forma exata." Você busca por arquivos JSON (2 vezes), mas depois você ainda busca na API do Shield.io?

matheud há 2 meses

Quase isso, 1 desses JSON que busco é apenas uma lista de ferramentas que existe, porém não tem todas ou falta personaliza algo como exemplo a cor de fundo da badge, então eu uso meu json próprio que ta junto com site para fazer essa substituição e só depois eu vou para API de shields.io que é tipo um quebra cabeça na qual vou montar badge. Mas eu pretendo mudar isso compila tudo isso em JSON só para ai ter q fazer apenas 1 busca.

luansemz há 2 meses

Faaaaaala `matheud`! Eu abri o site agora para dar uma olhada em algumas coisas, e eu percebi que a busca está muito mais rápida. Eu abri o Network para ver se você ainda fazia o mesmo processo, e eu vi que não! (ou pelo menos o Network do DevTools do Brave não quer me mostrar isso) Conta aí, o que você mudou nesse processo todo? Você criou um backend para fazer o filtro? Eu vi que o seu projeto 'tá em **Next.JS**, se precisar de ajuda com alguma coisa, ou estiver com algum bug, vou ficar feliz de fazer um PR para te ajudar.

matheud há 2 meses

Eai Lu, mudei sim, ainda continuo sem back, eu baixei JSON da API q eu consultava e mexi no JSON do meu jeito, resumindo criei um próprio JSON e deixei ele no lado do frontend, fazendo uma simples importação e usando mapeador o .filter que diferente do .map ou .forEach ele não trás o array todo. Sobre nextjs tá tranquilo. Se tiver alguma sugestão tamo ai.