Tags (2/2): add, show and filter by tags in the app
Los mantenedores suelen responder en 1 día
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 76/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
Start in client/src/pages/Tasks.jsx, focusing on TaskForm, task cards and the filters row; check how existing fields, chips and filters work. The issue says this builds on Tags (1/2), so confirm that API work is merged before starting. Done means tags can be added, removed, displayed and used to filter tasks, with the stated limits and pagination behavior.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Context
Second step of tags. Builds on "Tags (1/2): add tags to tasks in the API".
Please start this after "Tags (1/2)" is merged.
Files likely involved
client/src/pages/Tasks.jsx(TaskForm, the task cards and the filters row)
Acceptance criteria
- The New/Edit Task form has a Tags field. Typing a tag and pressing Enter or a comma adds it as a chip, and each chip has a remove button (
aria-label="Remove tag work"). Limits match the API (5 tags, 20 characters). - Task cards show their tags as small chips.
- Clicking a tag chip on a card filters the list by that tag. The active tag filter is shown next to the other filters, with a way to clear it, and it's included in "Clear filters".
- Changing the tag filter goes back to page 1, like the other filters.
How to test
- Create a task with a few tags: they show on the card.
- Edit it: remove a tag, add another, save.
- Click a tag on a card: only tasks with that tag are listed. Clear it: everything is back.
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
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una 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 KEX-03/taskflow
-
Due dates (3/3): highlight overdue tasksPosiblemente ocupada @maansi1004 la tomó hace 3 días. Abiertodifficulty: medium enhancement frontend hacktoberfest help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
KEX-03/taskflow#70 · 3 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
Keep keyboard focus inside open dialogsPosiblemente ocupada @100rabheimer la tomó hace 6 días. Abiertodifficulty: easy enhancement frontend good first issue hacktoberfest
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
KEX-03/taskflow#62 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
Warn users when selecting past due datesPosiblemente ocupada @the-coder-aadi la tomó hace 3 días. Abiertoenhancement frontend
KEX-03/taskflow#94 · 1 comentario · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
difficulty: medium enhancement frontend hacktoberfest help wanted
Dificultad 3/5 1-2 días Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día
-
difficulty: medium enhancement frontend hacktoberfest help wanted
Dificultad 3/5 1-2 días Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
Todos los issues de KEX-03/taskflow
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
micromatch/picomatch#243 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
b310-digital/teammapper#1515 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 64/100
c1overzz/dsh-bili-scroll#153 ·
Los mantenedores suelen responder en 1 día
-
01 type: bug 21 status: confirmed 41 lvl: easy 62 scope: viewer
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
Los mantenedores suelen responder en 1 día