Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Add tags to multiple tasks at once 🏷️

Offen Anfängerfreundlich
  • Stimmt etwas nicht?
#501 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

@yashTomar272 arbeitet bereits daran.

Seit 03.9.2026.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
75/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Ruhig
Tech-Stack
javascript, react, tailwindcss
Bereich
frontend

Rechercherichtung

Beginne in client/src/pages/Dashboard.jsx und lies, wie bulk selection und updateTask derzeit funktionieren. Füge ein Tag-Eingabefeld hinzu, das erscheint, wenn Tasks ausgewählt sind, und das eingegebene Tag auf jeden ausgewählten Task anwendet. Done bedeutet, dass ein Tag zu mehreren ausgewählten Tasks hinzugefügt werden kann, ohne für jeden ein Modal zu öffnen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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 🎯

Vorherrschende Sprache
JavaScript
Sterne
39
Forks
105
Ø Merge
1 T. 12 Std.
Gemergte PRs (30 T.)
27

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus anoopcodehack/DevBoard

Alle Issues in anoopcodehack/DevBoard

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.