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

Highlight @username mentions in task description 👥

Aberta
#279 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

  • #285 de @Abhishek4512009 — fechado sem integrar

Avaliação

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

Direção de pesquisa

Start in client/src/components/Task/TaskModal.jsx and inspect how the task description is rendered in read mode. The issue asks for @username mentions to be highlighted, but does not specify the highlight style; check the linked pull request for context. Done means mentions in the read-mode description are visibly highlighted.

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

Descrição

good first issue

Highlight @username mentions in task description 👥

File: client/src/components/Task/TaskModal.jsx

You can type @username in description but
it shows as plain text 💀 not highlighted fr!!

Fix: parse description and highlight mentions:
const highlightMentions = (text) => {
return text.replace(/@(\w+)/g,
'@$1'
)
}

// show in read mode:

~8 lines! No backend needed 🎯
Pure frontend regex magic!! 🔥

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.