Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
  • 何か問題がありますか？
#531 コメント 4 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@Sumit-sourabh45 がすでに取り組んでいます。

2026年9月10日 から。

評価

この issue はまだ評価されていません。

説明

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

主要言語
JavaScript
スター
39
フォーク
105
平均マージ
1日 16時間
マージ済み PR（30日）
32

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

anoopcodehack/DevBoard のほかの issue

anoopcodehack/DevBoard の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。