Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Show estimated vs actual Pomodoro sessions on card ⏱️

Aperta Adatta ai principianti
#496 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

@yashTomar272 ci sta già lavorando.

Dal 3/9/2026.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
68/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
javascript, react, tailwindcss
Ambito
frontend

Direzione di ricerca

Inizia da client/src/components/Board/TaskCard.jsx ed esamina come la scheda mostra attualmente la stima e il conteggio dei pomodori. Usa come riferimento la mappatura tra stima e sessioni indicata nell’issue; completato significa che la scheda mostra le sessioni effettive rispetto a quelle stimate quando è disponibile una stima, con la distinzione cromatica richiesta.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

good first issue

Show estimated vs actual Pomodoro sessions on card ⏱️

File: client/src/components/Board/TaskCard.jsx

Estimate field exists but never compared
to actual pomodoros spent 💀 fr!!

Fix: show comparison on card:
const estimateToPomodoros = (estimate) => {
const map = {
'30m': 1, '1h': 2,
'2h': 4, '4h': 8, '1d': 16
}
return map[estimate] || null
}

const estimated = estimateToPomodoros(task.estimate)
const actual = task.pomodoroCount || 0

{estimated && (
<span className={text-[10px] ${actual > estimated ? 'text-red-400' : 'text-green-400'}}>
🍅 {actual}/{estimated} sessions

)}

~12 lines! estimate + pomodoroCount exist ✅
No backend needed 🎯

Lingua principale
JavaScript
Stelle
39
Fork
105
Merge medio
1g 12h
PR unite (30g)
27

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di anoopcodehack/DevBoard

Tutte le issue di anoopcodehack/DevBoard

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.