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

Add time tracker to measure actual time spent on task ⏱️

Aberta
#531 4 comentários 0 reações 1 responsável Ver no GitHub

Mantenedores costumam responder em até 2 dias

@Sumit-sourabh45 já está trabalhando nisso.

Desde 10/9/2026.

Avaliação

Esta issue ainda não foi avaliada.

Descrição

good first issue

Add time tracker to measure actual time spent on task ⏱️

File: client/src/components/Board/TaskCard.jsx

Pomodoro counts sessions but never tracks
ACTUAL time spent on each task 💀 fr!!

Fix: add timer to task card:
const [elapsed, setElapsed] = useState(0)
const [tracking, setTracking] = useState(false)
const intervalRef = useRef(null)

const toggleTimer = (e) => {
e.stopPropagation()
if (tracking) {
clearInterval(intervalRef.current)
} else {
intervalRef.current = setInterval(() => {
setElapsed(s => s + 1)
}, 1000)
}
setTracking(t => !t)
}

const formatTime = (s) => {
const h = Math.floor(s / 3600)
const m = Math.floor((s % 3600) / 60)
const sec = s % 60
return ${h}:${String(m).padStart(2,'0')}:${String(sec).padStart(2,'0')}
}

<button onClick={toggleTimer}
className={text-[10px] font-mono ${tracking ? 'text-green-400 animate-pulse' : 'text-[#555]'}}>
{tracking ? '⏸' : '▶'} {formatTime(elapsed)}

~20 lines! No backend needed 🎯
Super useful for freelancers!! 💰

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

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.