Show countdown days until due date on task card ⏳
維護者通常 2 天內回覆
@zenithamza 已經在處理了。
開始於 2026年8月28日。
評估
- 難度
- 2/5
- 預估耗時
- 1-3 小時
- 新手友好度
- 75/100
- Issue 類型
- 功能
- 描述清晰度
- 描述清楚
- 活躍度
- 冷清
- 技術堆疊
- javascript, react, tailwindcss
- 領域
- frontend
研究方向
從 client/src/components/Board/TaskCard.jsx 開始，檢查任務現有的到期日如何顯示。更新任務卡片，為未來的日期顯示倒數計時，為今天到期的任務顯示訊息，並為逾期任務顯示指示標記；依照描述使用不同的顏色。使用未來、當天和過去的到期日檢查卡片，確認每種狀態都能正確顯示。
由索引模型根據 Issue 內容生成。
描述
Show countdown days until due date on task card ⏳
File: client/src/components/Board/TaskCard.jsx
Due date shows as a plain date 💀
Should show "3 days left" or "overdue by 2 days" fr!!
Fix:
const getDueCountdown = (date) => {
const diff = Math.ceil(
(new Date(date) - Date.now()) / 86400000
)
if (diff < 0) return {
text: ${Math.abs(diff)}d overdue,
color: 'text-red-400'
}
if (diff === 0) return {
text: 'due today!',
color: 'text-orange-400'
}
return {
text: ${diff}d left,
color: 'text-green-400'
}
}
{task.dueDate && (() => {
const { text, color } = getDueCountdown(task.dueDate)
return (
<span className={text-[10px] ${color}}>
⏳ {text}
)
})()}
~15 lines! dueDate exists in Task model ✅
No backend needed 🎯
- 主要語言
- JavaScript
- 星號
- 39
- 分支
- 105
- 平均合併
- 1 天 12 小時
- 30 天內合併 PR
- 27
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 沒有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
anoopcodehack/DevBoard 的其他 Issue
-
good first issue
難度 1/5 1-3 小時 新手友好度 88/100
anoopcodehack/DevBoard#589 ·
維護者通常 2 天內回覆
-
enhancement good first issue
難度 2/5 1-3 小時 新手友好度 68/100
anoopcodehack/DevBoard#588 ·
維護者通常 2 天內回覆
-
good first issue
難度 2/5 1-3 小時 新手友好度 82/100
anoopcodehack/DevBoard#587 ·
維護者通常 2 天內回覆
-
good first issue
難度 1/5 1 小時以內 新手友好度 90/100
anoopcodehack/DevBoard#586 ·
維護者通常 2 天內回覆
-
good first issue
難度 2/5 1-3 小時 新手友好度 65/100
anoopcodehack/DevBoard#584 ·
維護者通常 2 天內回覆
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
triage-needed
難度 2/5 1-3 小時 新手友好度 76/100
MicrosoftDocs/edge-developer#3970 ·
維護者通常 1 天內回覆
-
agent/scanner hive/hosted-available-lke648397-260827-5n31 quality testing
難度 2/5 1-3 小時 新手友好度 88/100
維護者通常 1 天內回覆
-
PWA stores a grouped number entry 1000x too small in German locale可能已有人在做 @Minhal128 今天認領。 未關閉
難度 2/5 1-3 小時 新手友好度 76/100
維護者通常 1 天內回覆
-
Add: YRF Music未關閉check:passed feeds:add
難度 2/5 1-3 小時 新手友好度 68/100
iptv-org/database#37102 · 2 則留言 ·
維護者通常 9 天內回覆
-
[workshop-sim] Repair: Add a fallback sample .lock.yml to the Agentic Workflows Intro Activity 1未關閉feedback simulation workshop
難度 2/5 1-3 小時 新手友好度 72/100
githubnext/gh-aw-workshop#4328 ·
維護者通常 1 天內回覆