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

Show current task name in browser tab during Pomodoro ⏱️

Abierto Apto para principiantes
#636 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

@SwatiManjari ya está trabajando en esto.

Desde el 20/10/2026.

  • #644 de @SwatiManjari — abierto

Evaluación

Dificultad
1/5
Tiempo estimado
Menos de una hora
Aptitud para principiantes
95/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Empieza por client/src/components/Pomodoro/PomodoroTimer.jsx y revisa el estado del temporizador para isRunning, timeLeft y activeTaskTitle. Añade el comportamiento del título del navegador en función de esos estados y restaura el título predeterminado cuando se ejecute la limpieza. Verifica que un Pomodoro activo muestre el tiempo restante y el título de la tarea actual, mientras que un temporizador inactivo y la limpieza del componente muestren el título de DevBoard.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

good first issue

Show current task name in browser tab during Pomodoro ⏱️

File: client/src/components/Pomodoro/PomodoroTimer.jsx

Browser tab just shows "DevBoard"
even when Pomodoro is running 💀 fr!!

Fix: update document title when running:
useEffect(() => {
if (isRunning) {
document.title = ${format(timeLeft)} — ${activeTaskTitle || 'Pomodoro'} 🍅
} else {
document.title = 'DevBoard 🗂️'
}
return () => {
document.title = 'DevBoard 🗂️'
}
}, [isRunning, timeLeft, activeTaskTitle])

~8 lines! No backend needed 🎯
Super satisfying to see timer in tab!! 🔥

Lenguaje dominante
JavaScript
Estrellas
39
Forks
105
Merge medio
1 d 13 h
PR fusionados (30 d)
41

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 anoopcodehack/DevBoard

Todos los issues de anoopcodehack/DevBoard

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.