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

Show current task name in browser tab during Pomodoro ⏱️

Aberta Para iniciantes
#636 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 2 dias

@SwatiManjari já está trabalhando nisso.

Desde 20/10/2026.

  • #644 de @SwatiManjari — aberto

Avaliação

Dificuldade
1/5
Tempo estimado
Menos de uma hora
Facilidade para iniciantes
95/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
javascript, react
Domínio
frontend

Direção de pesquisa

Comece por client/src/components/Pomodoro/PomodoroTimer.jsx e revise o estado do timer para isRunning, timeLeft e activeTaskTitle. Adicione o comportamento do título do navegador com base nesses estados e restaure o título padrão quando a limpeza for executada. Verifique se um Pomodoro ativo mostra o tempo restante e o título da tarefa atual, enquanto um timer inativo e a limpeza do componente mostram o título DevBoard.

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

Descrição

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!! 🔥

Linguagem predominante
JavaScript
Estrelas
39
Forks
105
Merge médio
1d 13h
PRs com merge (30d)
41

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

Todas as issues de anoopcodehack/DevBoard

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

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