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

Add word cloud of most used tags on dashboard 🌐

Aberta Para iniciantes
#578 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 2 dias

Ninguém assumiu esta issue ainda.

Avaliação

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

Direção de pesquisa

Comece por client/src/pages/Dashboard.jsx e leia como o dashboard recebe e exibe tarefas e tags. Execute o app e confira o dashboard com tarefas que tenham tags diferentes. A tarefa estará concluída quando ele exibir até oito tags como badges dimensionados de acordo com a frequência e clicar em um badge selecionar essa tag.

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

Descrição

good first issue

Add word cloud of most used tags on dashboard 🌐

File: client/src/pages/Dashboard.jsx

No visual summary of what tags are
used most across all tasks 💀 fr!!

Fix: calculate tag frequency:
const tagFrequency = tasks
.flatMap(t => t.tags || [])
.reduce((acc, tag) => {
acc[tag] = (acc[tag] || 0) + 1
return acc
}, {})

const topTags = Object.entries(tagFrequency)
.sort((a, b) => b[1] - a[1])
.slice(0, 8)

// show as sized badges:

{topTags.map(([tag, count]) => ( setActiveTag(tag)}> #{tag} ))}

~15 lines! No backend needed 🎯
Bigger tag = used more!! 🔥

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

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.