Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Add the Day Streak developer template (`developer-day-streak`)

Abierto
  • ¿Algo no está bien?
#176 3 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@srikar-naidu ya está trabajando en esto.

Desde el 22/10/2026.

  • #194 de @rahul05ranjan — cerrado sin fusionar

Evaluación

Este issue todavía no se ha evaluado.

Descripción

hacktoberfest help wanted templates

Part of #5. For people sharing progress on a "100 days of ..." challenge.

Idea
The left side shows the challenge name ("100 Days of AI Engineering"), a large "Day 42", a smaller "of 100" and the person's name. The right side is a grid of small rounded squares, one per day, 10 to a row. Days up to the current one are filled with the accent color, later days are a faint outline, and today's square gets a brighter ring.

Template details

  • File: src/templates/developer/day-streak.ts, id developer-day-streak
  • Fields: commonFields.title (the challenge name), commonFields.author, currentDay (number, default 42), totalDays (number, default 100, at most 100), commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/github/contribution-graph.ts (a grid of squares), src/templates/blog/series-part.ts (number fields)

Acceptance criteria

  • currentDay and totalDays are parsed defensively: a value that isn't a number falls back to the default, totalDays stays between 1 and 100, and currentDay stays between 1 and totalDays
  • The grid fits the card and stays vertically centered for any totalDays (try 7, 30, 66 and 100). Don't put alignContent: 'center' on the wrapping grid: Satori pushes the rows to the bottom of the card (we hit this in #159)
  • Re-exported in src/templates/developer/index.ts and registered in the Developer 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 #176 in the description.

Lenguaje dominante
TypeScript
Estrellas
8
Forks
4
Merge medio
5 h 44 min
PR fusionados (30 d)
83

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de codercops/ogcops

Todos los issues de codercops/ogcops

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.