Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Add the GitHub Issue Card template (`github-issue-card`)

Ouverte Adaptée aux débutants
  • Quelque chose ne va pas ?
#65 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

  • #131 par @wufangyong973 — fermée sans fusion

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
82/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Active
Stack technique
typescript
Domaine
frontend

Piste de recherche

Commence par src/templates/github/repo-card.ts, le modèle de référence le plus proche, et consulte src/templates/job/tech-stack-role.ts pour le style des pastilles. Implémente le nouveau modèle dans src/templates/github/issue-card.ts, puis réexporte-le depuis src/templates/github/index.ts et enregistre-le dans le bloc GitHub de src/templates/registry.ts. Consulte la liste de vérification commune des modèles dans #5 ; le travail est terminé lorsque la carte la respecte et que les couleurs des libellés sont déterministes selon l’index.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

good first issue hacktoberfest templates

Part of #5. Fitting for Hacktoberfest: a shareable card for a single GitHub issue.

Idea
It looks like an issue header. The repo name is small at the top, then a big title followed by a muted "#42". A status pill (green "Open" or purple "Closed") has a small ring icon made from a bordered circle div. Up to 4 label chips wrap, with colors from a fixed palette. The footer reads "author opened this issue · 12 comments". No logos or images.

Template details

  • File: src/templates/github/issue-card.ts, id github-issue-card
  • Fields: repoName (text), issueNumber (text), commonFields.title, status (select: Open / Closed), labels (text, comma-separated, e.g. "good first issue, hacktoberfest"), commonFields.author, comments (text), { ...commonFields.bgColor, defaultValue: '#0d1117' }, commonFields.textColor, commonFields.accentColor

Where to look

  • Closest reference: src/templates/github/repo-card.ts
  • Pills: src/templates/job/tech-stack-role.ts

Acceptance criteria

  • Label chip colors come from a fixed palette by index (deterministic)
  • Re-exported in src/templates/github/index.ts and registered in the GitHub block of src/templates/registry.ts
  • Meets the shared template checklist in #5

One template per contributor at a time, so more people get a chance.

Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.

Langage dominant
TypeScript
Étoiles
8
Forks
4
Merge moyen
6 h 37 min
PR mergées (30 j)
58

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de codercops/ogcops

Toutes les issues de codercops/ogcops

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.