Show countdown days until due date on task card ⏳
Mantenedores costumam responder em até 2 dias
@zenithamza já está trabalhando nisso.
Desde 28/8/2026.
Avaliação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 75/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Pouca atividade
- Stack de tecnologia
- javascript, react, tailwindcss
- Domínio
- frontend
Direção de pesquisa
Comece em client/src/components/Board/TaskCard.jsx e inspecione como a data de vencimento existente da tarefa é exibida. Atualize o cartão da tarefa para mostrar uma contagem regressiva para datas futuras, uma mensagem para tarefas que vencem hoje e um indicador de atraso; use cores distintas conforme descrito. Confira o cartão com datas de vencimento futuras, do dia atual e passadas para confirmar que cada estado é exibido corretamente.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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 🎯
- Linguagem predominante
- JavaScript
- Estrelas
- 39
- Forks
- 105
- Merge médio
- 1d 12h
- PRs com merge (30d)
- 27
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de anoopcodehack/DevBoard
-
good first issue
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100
anoopcodehack/DevBoard#589 ·
Mantenedores costumam responder em até 2 dias
-
Import tasks from CSV file 📤Abertaenhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
anoopcodehack/DevBoard#588 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
anoopcodehack/DevBoard#587 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 90/100
anoopcodehack/DevBoard#586 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
anoopcodehack/DevBoard#584 ·
Mantenedores costumam responder em até 2 dias
Todas as issues de anoopcodehack/DevBoard
Issues semelhantes
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 67/100
Morni-Team/pkmessenger#44 · 4 comentários ·
Mantenedores costumam responder em até 1 dia
-
status/needs-triage type/bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 85/100
PKU-YuanGroup/OpenAI4S#218 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
debpalash/VoiceStudio#2678 ·
Mantenedores costumam responder em até 1 dia
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 66/100
Mantenedores costumam responder em até 3 dias