Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Geschlossen
  • Stimmt etwas nicht?
#243 2 Kommentare 0 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

@srujankaleru2007 arbeitet bereits daran.

Seit 25.10.2026.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
76/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
react, typescript
Bereich
design, frontend

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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.

Vorherrschende Sprache
TypeScript
Sterne
8
Forks
4
Ø Merge
8 Std. 14 Min.
Gemergte PRs (30 T.)
120

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus codercops/ogcops

Alle Issues in codercops/ogcops

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.