Show completion rate % on user avatar tooltip 📊
Maintainers usually reply within 1 day
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 82/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Active
- Tech stack
- javascript, react
- Domain
- frontend
Research direction
Start with client/src/pages/Dashboard.jsx and read how the dashboard gets the current user and tasks, then inspect the avatar rendering. Add the completion-rate percentage to the avatar tooltip using the calculation in the issue. Done when hovering over the avatar shows the user's completion rate, including 0 when they have no tasks.
Written by the indexing model from the issue text.
Description
Show completion rate % on user avatar tooltip 📊
File: client/src/pages/Dashboard.jsx
Avatar shows initials but hovering
shows nothing useful 💀 fr!!
Fix: calculate completion rate:
const myTasks = tasks.filter(
t => t.assignee?._id === user?._id
)
const completionRate = myTasks.length > 0
? Math.round(
myTasks.filter(t => t.status === 'done').length
/ myTasks.length * 100
)
: 0
// add tooltip on avatar:
{user?.name?.[0]?.toUpperCase()}
~8 lines! No backend needed 🎯
Motivates users to complete tasks!! 🔥
- Dominant language
- JavaScript
- Stars
- 39
- Forks
- 105
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 31
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 88/100
anoopcodehack/DevBoard#609 ·
Maintainers usually reply within 1 day
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
anoopcodehack/DevBoard#608 ·
Maintainers usually reply within 1 day
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
anoopcodehack/DevBoard#607 ·
Maintainers usually reply within 1 day
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
anoopcodehack/DevBoard#599 ·
Maintainers usually reply within 1 day
-
documentation good first issue
Difficulty 1/5 Under an hour Newbie friendliness 82/100
anoopcodehack/DevBoard#598 ·
Maintainers usually reply within 1 day
All issues in anoopcodehack/DevBoard
Similar issues
-
Harden bayesian-waves-bg.js: add prefers-reduced-motion, pointer-events guard, and hidden-tab pauseOpen
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
-
Difficulty 1/5 Under an hour Newbie friendliness 90/100
njitacm/njit-acm-website#109 ·
-
type: bug
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
blamechris/chroxy#8579 ·
Maintainers usually reply within 1 day
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 66/100
modusensus/dsh-mneme#411 ·
-
Flaky (suspected): VideoTimelineEditor bed audio test sees 600px instead of 120px under CI loadOpen
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
Maintainers usually reply within 1 day