search

Bashamega / WebDevTools

Web Dev Tools is a comprehensive online platform designed to empower web developers with a wide array of code samples and snippets.
https://wdt.adambashaahmednaji.com/
MIT License
49 stars 59 forks source link

Custom Badge Maker #236

Closed Bashamega closed 3 months ago

Bashamega commented 4 months ago

Hello:)

My idea is to enable users to create custom badges for there repos.

There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

github-actions[bot] commented 4 months ago

Hello! 👋 Thanks for opening this issue. We appreciate your feedback and will look into it as soon as possible. Feel free to add more details if necessary.

mathewalexKerala commented 4 months ago

Hello:)

My idea is to enable users to create custom badges for there repos.

There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

I want to work on this .

mathewalexKerala commented 4 months ago

Hello:) My idea is to enable users to create custom badges for there repos. There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

I want to work on this .

Hello:)

My idea is to enable users to create custom badges for there repos.

There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

I using a third party api here , Is that okay?

Bashamega commented 4 months ago

Hello:) My idea is to enable users to create custom badges for there repos. There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

I want to work on this .

Hello:) My idea is to enable users to create custom badges for there repos. There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

I using a third party api here , Is that okay?

Yes, you will use an external library. I would recommend using this cool library: https://www.npmjs.com/package/badge-maker

mathewalexKerala commented 4 months ago

no I meant an api , not a library .

On Mon, Aug 5, 2024 at 9:05 PM Adam Basha @.***> wrote:

Hello:) My idea is to enable users to create custom badges for there repos. There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

I want to work on this .

Hello:) My idea is to enable users to create custom badges for there repos. There will be an api like /api/badge/ and it will take prams to customize the badge. Then there will be a tool where you can generate the url and get a preview.

I using a third party api here , Is that okay?

Yes, you will use an external library. I would recommend using this cool library: https://www.npmjs.com/package/badge-maker

— Reply to this email directly, view it on GitHub https://github.com/Bashamega/WebDevTools/issues/236#issuecomment-2269360518, or unsubscribe https://github.com/notifications/unsubscribe-auth/A32P4C35KFBIWP273CXMHQDZP6LTLAVCNFSM6AAAAABLZYS5TGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDENRZGM3DANJRHA . You are receiving this because you were assigned.Message ID: @.***>

mathewalexKerala commented 4 months ago

like the badgen.net

Bashamega commented 4 months ago

like the badgen.net

No, you will be building the api from scratch using next js

mathewalexKerala commented 4 months ago

Is there any image storage for this project . I need server to store this images so that they can be used in the readme file

mathewalexKerala commented 4 months ago

Screenshot 2024-08-07 004935 this is the current state . I need a place to store the image .

Bashamega commented 4 months ago

Is there any image storage for this project . I need server to store this images so that they can be used in the readme file

There is no server. It will be an api that you will build that will generate the badge

Bashamega commented 3 months ago

This an example of the api. https://github.com/EddieHubCommunity/HealthCheck/blob/main/src/app/api/badges/report/%5Bid%5D/route.js

mathewalexKerala commented 3 months ago

github doesn't allow

Include an SVG (hosted on GitHub) in MarkDown 🌐 stackoverflow.com › questions › 13808020 › include-an-svg-hosted-on-github-in-markdown The purpose of raw.github.com is to allow users to view the contents of a file, so for text based files this means (for certain content types) you can get the wrong headers and things break in the browser.

When this question was asked (in 2012) SVGs didn't work. Since then Github has implemented various improvements. Now (at least for SVG), the correct Content-Type headers are sent.

The easiest way to add SVG is to use the upload assets feature. To quote the manual:

You can upload assets like images by dragging and dropping, selecting from a file browser, or pasting. You can upload assets to issues, pull requests, comments, and .md files in your repository.

Since 2022, "images" also includes SVG:

Some comments regarding changes that happened along the way:

Github has implemented a feature which makes it possible for SVG's to be used with the Markdown image syntax. The SVG image will be sanitized and displayed with the correct HTTP header. Certain tags (like Githubissues.

  • Githubissues is a development platform for aggregating issues.