Show daily task completion streak in navbar
Maintainers usually reply within 1 day
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 72/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Active
- Tech stack
- javascript, react
- Domain
- frontend
Research direction
Start in client/src/pages/Dashboard.jsx; read how onDragEnd handles tasks moved to done and where the navbar is rendered. Add completion-history tracking and display the calculated streak, then verify completing tasks updates the streak and that it appears in the navbar.
Written by the indexing model from the issue text.
Description
Show daily task completion streak in navbar
File: client/src/pages/Dashboard.jsx
No gamification to keep users
coming back daily 💀 fr!!
Fix: track streak in localStorage:
const calculateStreak = () => {
const history = JSON.parse(
localStorage.getItem('completion_history') || '[]'
)
let streak = 0
const today = new Date().toDateString()
for (let i = 0; i < history.length; i++) {
const date = new Date(history[i])
const expected = new Date()
expected.setDate(expected.getDate() - i)
if (date.toDateString() === expected.toDateString()) {
streak++
} else break
}
return streak
}
// update when task moved to done:
// in onDragEnd when status === 'done':
const history = JSON.parse(
localStorage.getItem('completion_history') || '[]'
)
const today = new Date().toISOString()
if (!history[0] ||
new Date(history[0]).toDateString() !==
new Date().toDateString()) {
history.unshift(today)
localStorage.setItem('completion_history',
JSON.stringify(history.slice(0, 30)))
}
// show in navbar:
{streak > 0 && (
🔥 {streak} day streak
)}
~20 lines! No backend needed 🎯
- Dominant language
- JavaScript
- Stars
- 39
- Forks
- 105
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 28
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from anoopcodehack/DevBoard
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
anoopcodehack/DevBoard#588 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
anoopcodehack/DevBoard#587 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 1/5 Under an hour Newbie friendliness 90/100
anoopcodehack/DevBoard#586 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
anoopcodehack/DevBoard#584 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
anoopcodehack/DevBoard#583 ·
Maintainers usually reply within 1 day
All issues in anoopcodehack/DevBoard
Similar issues
-
ci-install-db-tools stall-case tests flake: stalled apt-get can be killed before it logs its callOpeneffort:low model:light plan planner:opus-5-5 tests
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
Maintainers usually reply within 1 day
-
Bug 🐞
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
mozilla-mobile/firefox-ios#35986 ·
Maintainers usually reply within 1 day
-
component:sight
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
agentic-os-org/ANOLISA#6738 · 2 comments ·
Maintainers usually reply within 1 day
-
bug Durable Agents Observability (AI Telemetry) status: needs triage
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
mastra-ai/mastra#26470 · 1 comment ·
Maintainers usually reply within 1 day
-
feature/cohorts feature/feature-flags team/feature-flags
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
Maintainers usually reply within 1 day