Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Show generated avatar based on username initials 🎨

Ouverte
  • Quelque chose ne va pas ?
#444 4 commentaires 0 réactions 1 personne assignée Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

@Parshant-parmar y travaille déjà.

Depuis le 27/8/2026.

Évaluation

Cette issue n'a pas encore été évaluée.

Description

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

Langage dominant
JavaScript
Étoiles
39
Forks
105
Merge moyen
1 j 16 h
PR mergées (30 j)
32

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de anoopcodehack/DevBoard

Toutes les issues de anoopcodehack/DevBoard

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.