Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Show completion rate % on user avatar tooltip 📊

Aberta Para iniciantes
#546 1 comentário 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
82/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
javascript, react
Domínio
frontend

Direção de pesquisa

Comece por client/src/pages/Dashboard.jsx e leia como o dashboard obtém o usuário atual e as tarefas; depois, examine a renderização do avatar. Adicione ao tooltip do avatar a porcentagem de conclusão, usando o cálculo indicado na issue. O trabalho estará concluído quando passar o cursor sobre o avatar mostrar a taxa de conclusão do usuário, incluindo 0 quando ele não tiver tarefas.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

good first issue

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!! 🔥

Linguagem predominante
JavaScript
Estrelas
39
Forks
105
Merge médio
1d 20h
PRs com merge (30d)
28

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de anoopcodehack/DevBoard

Todas as issues de anoopcodehack/DevBoard

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.