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

Show current task name in browser tab during Pomodoro ⏱️

Geschlossen Anfängerfreundlich
#636 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Ein zugehöriger Pull Request wurde bereits gemerged.

  • #644 von @SwatiManjari — gemerged

Bewertung

Schwierigkeit
1/5
Geschätzter Aufwand
Unter einer Stunde
Anfängerfreundlichkeit
95/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
javascript, react
Bereich
frontend

Rechercherichtung

Beginne mit client/src/components/Pomodoro/PomodoroTimer.jsx und überprüfe den Timerstatus für isRunning, timeLeft und activeTaskTitle. Ergänze das Verhalten für den Browser-Titel in Abhängigkeit von diesen Zuständen und stelle den Standardtitel wieder her, wenn das Cleanup ausgeführt wird. Überprüfe, dass ein aktiver Pomodoro die verbleibende Zeit und den Titel der aktuellen Aufgabe anzeigt und dass ein inaktiver Timer sowie das Bereinigen der Komponente den DevBoard-Titel anzeigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

good first issue

Show current task name in browser tab during Pomodoro ⏱️

File: client/src/components/Pomodoro/PomodoroTimer.jsx

Browser tab just shows "DevBoard"
even when Pomodoro is running 💀 fr!!

Fix: update document title when running:
useEffect(() => {
if (isRunning) {
document.title = ${format(timeLeft)} — ${activeTaskTitle || 'Pomodoro'} 🍅
} else {
document.title = 'DevBoard 🗂️'
}
return () => {
document.title = 'DevBoard 🗂️'
}
}, [isRunning, timeLeft, activeTaskTitle])

~8 lines! No backend needed 🎯
Super satisfying to see timer in tab!! 🔥

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

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.