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

Board view (2/2): move tasks between columns

Abierto
  • ¿Algo no está bien?
#77 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
68/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
express, javascript, react
Área
frontend, full-stack

Línea de trabajo

Start with client/src/pages/Tasks.jsx, or TaskBoard.jsx if the preceding board view uses that component; wait for Board view (1/2) to merge first. Read how task updates and error toasts are handled, then implement status changes through PUT /api/v1/tasks/:id with drag and drop and a keyboard and touch accessible Move to menu. Done means cards move immediately, revert with an error toast on failure, and column counts update; follow the listed manual checks.

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 the board view: change a task's status by moving it to another column. Builds on "Board view (1/2): show tasks as a Kanban board".

Please start this after "Board view (1/2)" is merged.

Files likely involved
  • client/src/pages/Tasks.jsx (or TaskBoard.jsx from the previous step)
Acceptance criteria
  • Cards can be dragged to another column, which updates the task's status (PUT /api/v1/tasks/:id with the new status). Use the browser's built-in drag and drop. Please comment first if you think a library is needed, since new dependencies need a maintainer's OK.
  • The card moves immediately. If the request fails, it moves back and an error toast is shown.
  • Keyboard and touch users can do the same without dragging: each card has a Move to… menu (or buttons) listing the other columns.
  • The column counts update after a move.
How to test
  1. Drag a card from To Do to Done: it moves, and stays there after a reload.
  2. Stop the server, drag a card: it moves back and an error toast appears.
  3. Using only the keyboard, move a task with Move to….
  4. Phone width: Move to… works there too.

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
7 h 8 min
PR fusionados (30 d)
38

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.