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

Add the Listen On podcast template (`podcast-listen-on`)

Fermée
#243 2 commentaires 0 réactions 1 personne assignée Voir sur GitHub

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

@srujankaleru2007 y travaille déjà.

Depuis le 25/10/2026.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
76/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/podcast/episode-card.ts and src/templates/podcast/series-banner.ts to follow the existing podcast template patterns. Implement the specified fields and layout in src/templates/podcast/listen-on.ts, then re-export it from src/templates/podcast/index.ts and register it in the Podcast block of src/templates/registry.ts. Check the acceptance criteria and shared template checklist in #5, including empty values, skipped platforms, and readable truncated pills.

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

Description

good first issue hacktoberfest templates

Part of #5. For "new episode out now" posts that point people to their podcast app.

Idea
The show name and episode number sit at the top ("The Signal · Episode 42"), with the episode title large under them. Below is an optional "Out now" label in the accent color and a row of up to three pills naming where to listen ("Spotify", "Apple Podcasts", "YouTube"), text only, no logos.

Template details

  • File: src/templates/podcast/listen-on.ts, id podcast-listen-on
  • Fields: showName (text), episodeNumber (text, optional), commonFields.title (the episode title), platform1 to platform3 (text, defaults "Spotify", "Apple Podcasts" and "YouTube"), tagline (text, optional, default "Out now"), commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/podcast/episode-card.ts (show name and episode number), src/templates/podcast/series-banner.ts

Acceptance criteria

  • Empty platforms are skipped, the pills keep their shape (flexShrink: 0), and long names truncate
  • An empty episodeNumber or tagline (or only spaces) hides cleanly, and pill text stays readable on any accent color
  • Re-exported in src/templates/podcast/index.ts and registered in the Podcast 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 #243 in the description.

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

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.