Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Fechada
  • Algo errado?
#243 2 comentários 0 reações 1 responsável Ver no GitHub

Mantenedores costumam responder em até 1 dia

@srujankaleru2007 já está trabalhando nisso.

Desde 25/10/2026.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
76/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
react, typescript
Domínio
design, frontend

Direção de pesquisa

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.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.

Linguagem predominante
TypeScript
Estrelas
8
Forks
4
Merge médio
8h 14min
PRs com merge (30d)
120

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de codercops/ogcops

Todas as issues de codercops/ogcops

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.