Add board stats modal with task breakdown 📊
Maintainers usually reply within 2 days
@zenithamza is already working on this.
Since Aug 28, 2026.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 80/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Quiet
- Tech stack
- javascript, react, tailwindcss
- Domain
- frontend
Research direction
Start in client/src/pages/Dashboard.jsx, where the issue says to add the stats button and modal. Check how the navbar and task data are currently rendered, then run the project's existing checks. Done when the modal can be opened and shows the total tasks, counts by status, and high-priority count, and closes when clicked.
Written by the indexing model from the issue text.
Description
Add board stats modal with task breakdown 📊
File: client/src/pages/Dashboard.jsx
No way to see overall board health 💀
How many tasks per status? Per priority? fr!!
Fix: add stats button in navbar:
const [showStats, setShowStats] = useState(false)
const stats = {
total: tasks.length,
byStatus: {
backlog: tasks.filter(t => t.status === 'backlog').length,
inprogress: tasks.filter(t => t.status === 'inprogress').length,
review: tasks.filter(t => t.status === 'review').length,
done: tasks.filter(t => t.status === 'done').length,
},
byPriority: {
high: tasks.filter(t => t.priority === 'high').length,
medium: tasks.filter(t => t.priority === 'medium').length,
low: tasks.filter(t => t.priority === 'low').length,
}
}
{showStats && (
setShowStats(false)}>📊 Board Stats
Total: {stats.total} tasks
🔵 In Progress: {stats.byStatus.inprogress}
✅ Done: {stats.byStatus.done}
🔴 High priority: {stats.byPriority.high}
)}~25 lines! No backend needed 🎯
- Dominant language
- JavaScript
- Stars
- 39
- Forks
- 105
- Avg merge
- 1d 12h
- Merged PRs (30d)
- 27
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
-
good first issue
Difficulty 1/5 1-3 hours Newbie friendliness 88/100
anoopcodehack/DevBoard#589 ·
Maintainers usually reply within 2 days
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
anoopcodehack/DevBoard#588 ·
Maintainers usually reply within 2 days
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
anoopcodehack/DevBoard#587 ·
Maintainers usually reply within 2 days
-
good first issue
Difficulty 1/5 Under an hour Newbie friendliness 90/100
anoopcodehack/DevBoard#586 ·
Maintainers usually reply within 2 days
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
anoopcodehack/DevBoard#584 ·
Maintainers usually reply within 2 days
All issues in anoopcodehack/DevBoard
Similar issues
-
Bump Firebase JS SDK (12.19.0 → 13.0.0)Possibly taken @SelaseKay claimed this today. OpenNeeds Attention type: enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
invertase/react-native-firebase#9364 · 1 comment ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 67/100
tchiotludo/akhq#3307 · 1 reaction ·
Maintainers usually reply within 1 day
-
Difficulty 1/5 1-3 hours Newbie friendliness 90/100
DietrichGebert/ponytail#1063 ·
Maintainers usually reply within 3 days
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
zen-browser/desktop#15809 · 1 reaction ·
Maintainers usually reply within 1 day
-
enhancement
Difficulty 1/5 Under an hour Newbie friendliness 90/100