Show countdown days until due date on task card ⏳
Maintainers usually reply within 1 day
@zenithamza is already working on this.
Since Aug 28, 2026.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 75/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Quiet
- Tech stack
- javascript, react, tailwindcss
- Domain
- frontend
Research direction
Start in client/src/components/Board/TaskCard.jsx and inspect how the task's existing due date is displayed. Update the task card to show a countdown for future dates, a due-today message, and an overdue indicator; use distinct colors as described. Check the card with future, current-day, and past due dates to confirm each state displays correctly.
Written by the indexing model from the issue text.
Description
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 🎯
- Dominant language
- JavaScript
- Stars
- 39
- Forks
- 105
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 28
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from anoopcodehack/DevBoard
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
anoopcodehack/DevBoard#588 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
anoopcodehack/DevBoard#587 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 1/5 Under an hour Newbie friendliness 90/100
anoopcodehack/DevBoard#586 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
anoopcodehack/DevBoard#584 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
anoopcodehack/DevBoard#583 ·
Maintainers usually reply within 1 day
All issues in anoopcodehack/DevBoard
Similar issues
-
check:passed feeds:remove
Difficulty 1/5 Under an hour Newbie friendliness 65/100
iptv-org/database#37176 · 1 comment · 1 reaction ·
Maintainers usually reply within 9 days
-
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
hawk-digital-environments/HAWKI#443 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 62/100
Maintainers usually reply within 1 day
-
feedback simulation workshop
Difficulty 2/5 1-3 hours Newbie friendliness 66/100
githubnext/gh-aw-workshop#4370 ·
Maintainers usually reply within 1 day
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
AltimateAI/vscode-dbt-power-user#2089 ·