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

Show estimated vs actual Pomodoro sessions on card ⏱️

オープン 初心者向け
#496 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

@yashTomar272 がすでに取り組んでいます。

2026年9月3日 から。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
68/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
静か
技術スタック
javascript, react, tailwindcss
領域
frontend

調査の方向性

client/src/components/Board/TaskCard.jsx から始めて、カードが現在どのように見積もりとポモドーロ数を表示しているかを調べてください。issueに記載された見積もりとセッションの対応関係を参考にしてください。完了とは、見積もりがある場合に、カードが実際のセッション数と見積もりセッション数を、要求された色分けで表示することを意味します。

索引モデルが issue の本文から書いたものです。

説明

good first issue

Show estimated vs actual Pomodoro sessions on card ⏱️

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

Estimate field exists but never compared
to actual pomodoros spent 💀 fr!!

Fix: show comparison on card:
const estimateToPomodoros = (estimate) => {
const map = {
'30m': 1, '1h': 2,
'2h': 4, '4h': 8, '1d': 16
}
return map[estimate] || null
}

const estimated = estimateToPomodoros(task.estimate)
const actual = task.pomodoroCount || 0

{estimated && (
<span className={text-[10px] ${actual > estimated ? 'text-red-400' : 'text-green-400'}}>
🍅 {actual}/{estimated} sessions

)}

~12 lines! estimate + pomodoroCount exist ✅
No backend needed 🎯

主要言語
JavaScript
スター
39
フォーク
105
平均マージ
1日 12時間
マージ済み PR(30日)
27

環境構築

はじめの一歩

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

anoopcodehack/DevBoard のほかの issue

anoopcodehack/DevBoard の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

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

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