Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Add tags to multiple tasks at once 🏷️

Ouverte Adaptée aux débutants
#501 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 2 jours

@yashTomar272 y travaille déjà.

Depuis le 3/9/2026.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
75/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Calme
Stack technique
javascript, react, tailwindcss
Domaine
frontend

Piste de recherche

Commence dans client/src/pages/Dashboard.jsx et lis comment bulk selection et updateTask fonctionnent actuellement. Ajoute un champ de saisie de tag qui apparaît lorsque des tasks sont sélectionnés et applique le tag saisi à chaque task sélectionné. Done signifie qu'un tag peut être ajouté à plusieurs tasks sélectionnés sans ouvrir un modal pour chacun.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

enhancement good first issue

Add tags to multiple tasks at once 🏷️

File: client/src/pages/Dashboard.jsx

Adding same tag to 10 tasks = 10 modal opens 💀
Need batch tag editing fr!!

Fix: add tag input in bulk select mode:
const handleBatchTag = async (tag) => {
if (!tag.trim()) return
await Promise.all(
selectedTasks.map(id => {
const task = tasks.find(t => t._id === id)
const updatedTags = [...new Set([
...(task.tags || []), tag.trim()
])]
return updateTask(id, { tags: updatedTags })
})
)
setBatchTag('')
}

// show when tasks are selected:
{selectedTasks.length > 0 && (

setBatchTag(e.target.value)} placeholder="Add tag to selected..." className="text-xs bg-[#2a2a2f] rounded px-2 py-1 text-[#888]" onKeyDown={e => e.key === 'Enter' && handleBatchTag(batchTag)} /> )}

~15 lines! No backend changes needed 🎯

Langage dominant
JavaScript
Étoiles
39
Forks
105
Merge moyen
1 j 12 h
PR mergées (30 j)
27

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de anoopcodehack/DevBoard

Toutes les issues de anoopcodehack/DevBoard

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.