Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Add word cloud of most used tags on dashboard 🌐

Abierto Apto para principiantes
#578 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
76/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
javascript, react, tailwindcss
Área
frontend

Línea de trabajo

Empieza con client/src/pages/Dashboard.jsx y lee cómo el dashboard recibe y muestra las tareas y las etiquetas. Ejecuta la aplicación y comprueba el dashboard con tareas que tengan distintas etiquetas. Estará terminado cuando muestre hasta ocho etiquetas como insignias cuyo tamaño dependa de su frecuencia y al hacer clic en una insignia se seleccione esa etiqueta.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
JavaScript
Estrellas
39
Forks
105
Merge medio
1 d 12 h
PR fusionados (30 d)
27

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de anoopcodehack/DevBoard

Todos los issues de anoopcodehack/DevBoard

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.