Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add the URL encoder to the README, the home share card and package.json

Aperta
  • Qualcosa non va?
#153 4 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@Abhishek764 ci sta già lavorando.

Dal 19/10/2026.

  • #1 di @Abhishek764 — integrata
  • #167 di @ciperx — chiusa senza merge
  • #195 di @Abhishek764 — aperta

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

documentation good first issue hacktoberfest

The URL Encoder & Decoder is our fifth tool. Everything that reads the tool registry picked it up, but a few hand-written lists still name only the first four.

Where to look

  • README.md, "Tools" section: the image gallery (lines 43 to 60) and the list under it (lines 62 to 65)
  • .github/assets/: one share image per tool and og-home.png, but no og-url-encoder.png
  • lib/og.tsx, renderHomeOgImage (line 205): the description on the home share card
  • package.json: description (line 5) and keywords
  • CONTRIBUTING.md, "Adding a tool"

What to do

  • Add the URL encoder to the README gallery and list, in the same style as the other four.
  • Save its share image as .github/assets/og-url-encoder.png. Run npm run dev, open http://localhost:3000/url-encoder and look for the og:image tag in the page source. Open that path on localhost and save the PNG. The path has a suffix (something like /url-encoder/opengraph-image-190rzf), and without it you get a 404.
  • Name the URL encoder in the home card's description in lib/og.tsx. There is room for two lines of text there, so check http://localhost:3000/opengraph-image and shorten the sentence if it wraps to a third.
  • Save the new home card over .github/assets/og-home.png (the README shows it at the top).
  • Add it to description and keywords in package.json.
  • Add a step to "Adding a tool" in CONTRIBUTING.md that lists these places, so the next tool doesn't miss them.

Acceptance criteria

  • The README gallery and list show five tools, and the new image loads on GitHub
  • .github/assets/og-url-encoder.png is the tool's own share image, 1200 x 630
  • The home share card names the URL encoder, its description stays on two lines, and og-home.png matches it
  • package.json description and keywords include the URL encoder
  • "Adding a tool" in CONTRIBUTING.md mentions the README, .github/assets/, the home share card and package.json
  • npm run lint && npm run test && npm run build passes

The tool goes live on tools.codercops.com with the next release, so https://tools.codercops.com/url-encoder may still be a 404 when you test the README link.

Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off develop, and open your PR against develop with Closes #153 in the description.

Lingua principale
TypeScript
Stelle
1
Fork
9
Merge medio
10h 24m
PR unite (30g)
93

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di codercops/toolbelt

Tutte le issue di codercops/toolbelt

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.