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

Add the Contributors Wall template (`github-contributors-wall`)

Fermée
#66 0 commentaires 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.

Évaluation

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

Piste de recherche

Start with src/templates/event/multi-speaker.ts for the wrapping grid, src/templates/github/stars-banner.ts for the large number, and src/templates/github/contribution-graph.ts for deterministic styling. Implement the template in src/templates/github/contributors-wall.ts, handling initials safely and deriving colors from names. Then re-export it in src/templates/github/index.ts and register it in src/templates/registry.ts; done means it meets the acceptance criteria and shared checklist in #5.

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

Description

hacktoberfest help wanted templates

Part of #5. Thank your contributors with a wall of avatars.

Idea
The left side shows the repo name, a large "128 contributors" and a short thank-you line. The right side is a wall of up to 15 circular initials avatars that wrap. Each person's color is picked from a small palette based on their name, so it's the same every time. If the count is larger than the number of names shown, the last circle reads "+113".

Template details

  • File: src/templates/github/contributors-wall.ts, id github-contributors-wall
  • Fields: repoName (text), commonFields.description, contributorCount (text), contributors (textarea, comma-separated names), commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/event/multi-speaker.ts (wrapping grid), src/templates/github/stars-banner.ts (big number)
  • Deterministic pattern: src/templates/github/contribution-graph.ts

Acceptance criteria

  • Initials are computed safely (one-word names, extra spaces)
  • No Math.random(); colors derive from the name
  • 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
5 h 19 min
PR mergées (30 j)
99

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.