Show countdown days until due date on task card ⏳
Los mantenedores suelen responder en 2 días
@zenithamza ya está trabajando en esto.
Desde el 28/8/2026.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 75/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Tranquilo
- Stack tecnológico
- javascript, react, tailwindcss
- Área
- frontend
Línea de trabajo
Empieza en client/src/components/Board/TaskCard.jsx e inspecciona cómo se muestra la fecha de vencimiento existente de la tarea. Actualiza la tarjeta de la tarea para mostrar una cuenta atrás para las fechas futuras, un mensaje para las tareas que vencen hoy y un indicador de vencimiento atrasado; usa colores distintos, tal como se describe. Comprueba la tarjeta con fechas de vencimiento futuras, del día actual y pasadas para confirmar que cada estado se muestra correctamente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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 🎯
- Lenguaje dominante
- JavaScript
- Estrellas
- 39
- Forks
- 105
- Merge medio
- 1 d 12 h
- PR fusionados (30 d)
- 27
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de anoopcodehack/DevBoard
-
good first issue
Dificultad 1/5 1-3 horas Aptitud para principiantes 88/100
anoopcodehack/DevBoard#589 ·
Los mantenedores suelen responder en 2 días
-
Import tasks from CSV file 📤Abiertoenhancement good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
anoopcodehack/DevBoard#588 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
anoopcodehack/DevBoard#587 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
anoopcodehack/DevBoard#586 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
anoopcodehack/DevBoard#584 ·
Los mantenedores suelen responder en 2 días
Todos los issues de anoopcodehack/DevBoard
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
naver/egjs-flicking#971 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
Los mantenedores suelen responder en 1 día