Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
  • Có gì không ổn?
#153 4 bình luận 0 reaction 1 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@Abhishek764 đang làm issue này rồi.

Từ ngày 19/10/2026.

  • #1 của @Abhishek764 — đã merge
  • #167 của @ciperx — đã đóng, không merge
  • #195 của @Abhishek764 — đang mở

Đánh giá

Issue này chưa được đánh giá.

Mô tả

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.

Ngôn ngữ chính
TypeScript
Star
1
Fork
9
Merge trung bình
10 giờ 24 phút
Pull request đã merge (30 ngày)
93

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của codercops/toolbelt

Tất cả issue của codercops/toolbelt

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.