Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Due dates (3/3): highlight overdue tasks

Abierto Apto para principiantes
  • ¿Algo no está bien?
#70 3 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@maansi1004 ya está trabajando en esto.

Desde el 25/10/2026.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
82/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Empieza en client/src/pages/Tasks.jsx, donde se renderizan las tarjetas de tareas, y comprueba cómo se representan las fechas de vencimiento y el estado de las tareas; primero se debe fusionar la issue anterior sobre fechas de vencimiento. Añade la insignia de vencida para fechas anteriores a hoy en la zona horaria del usuario cuando la tarea no esté Done, y opcionalmente la insignia de vence hoy. Verifica ayer, hoy, la semana que viene y una tarea Done según los criterios de aceptación.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

difficulty: medium enhancement frontend hacktoberfest help wanted
Context

Last step of due dates. Builds on "Due dates (2/3): pick and show a due date in the app".

Please start this after "Due dates (2/3)" is merged.

Files likely involved
  • client/src/pages/Tasks.jsx (task cards)
  • Optional: a small helper, for example client/src/utils/dates.js
Acceptance criteria
  • A task is overdue when its due date is before today (in the user's timezone) and its status isn't Done. It shows a red Overdue badge next to the date.
  • Overdue task cards also get a subtle red border (for example border-red-500/40), which stays red on hover.
  • Optional: tasks due today show an amber Due today badge. They keep the normal border.
  • Done tasks never show these badges or the red border.
  • The badges include text, not only colour, so colour-blind users can tell them apart.
How to test
  1. Create tasks due yesterday, today and next week (edit the dates if needed): yesterday's shows Overdue and has a red border, today's shows Due today (if you added it), and next week's shows neither.
  2. Hover over the overdue task: the border stays red.
  3. Mark the overdue task as Done: the badge and the red border disappear.

New here? 👋 Comment below to ask to work on this issue, and wait to be assigned. Then follow CONTRIBUTING.md for setup and how to open a pull request. Questions are welcome in the comments or in Discussions.

Lenguaje dominante
JavaScript
Estrellas
3
Forks
2
Merge medio
9 h 29 min
PR fusionados (30 d)
40

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de KEX-03/taskflow

Todos los issues de KEX-03/taskflow

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.