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

Show generated avatar based on username initials 🎨

Aberta
  • Algo errado?
#444 4 comentários 0 reações 1 responsável Ver no GitHub

Mantenedores costumam responder em até 2 dias

@Parshant-parmar já está trabalhando nisso.

Desde 27/8/2026.

Avaliação

Esta issue ainda não foi avaliada.

Descrição

good first issue

Show generated avatar based on username initials 🎨

File: client/src/pages/Dashboard.jsx

Navbar shows plain initials in a circle 💀
Make it generate a proper colorful avatar fr!!

Fix: generate consistent color from name:
const getAvatarColor = (name) => {
const colors = [
'#7F77DD', '#E85D75', '#27AE60',
'#F39C12', '#2980B9', '#8E44AD'
]
const index = name?.charCodeAt(0) % colors.length
return colors[index || 0]
}

{user?.name?.[0]?.toUpperCase()}
~8 lines! No backend needed 🎯
Looks way more polished!! ✨

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.