Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#153 コメント 4 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@Abhishek764 がすでに取り組んでいます。

2026年10月19日 から。

  • #1 @Abhishek764 による — マージ済み
  • #167 @ciperx による — マージされずにクローズ
  • #195 @Abhishek764 による — オープン

評価

この issue はまだ評価されていません。

説明

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.

主要言語
TypeScript
スター
1
フォーク
9
平均マージ
10時間 24分
マージ済み PR(30日)
93

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

codercops/toolbelt のほかの issue

codercops/toolbelt の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。