Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Show generated avatar based on username initials 🎨

Offen
#444 4 Kommentare 0 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

@Parshant-parmar arbeitet bereits daran.

Seit 27.8.2026.

Bewertung

Dieses Issue wurde noch nicht bewertet.

Beschreibung

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

Vorherrschende Sprache
JavaScript
Sterne
39
Forks
105
Ø Merge
1 T. 12 Std.
Gemergte PRs (30 T.)
27

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus anoopcodehack/DevBoard

Alle Issues in anoopcodehack/DevBoard

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.