Show generated avatar based on username initials 🎨
维护者通常 2 天内回复
@Parshant-parmar 已经在做这个了。
开始于 2026年8月27日。
评估
这个 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!! ✨
- 主要语言
- JavaScript
- 星标
- 39
- 派生
- 105
- 平均合并
- 1 天 12 小时
- 30 天内合并 PR
- 27
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
anoopcodehack/DevBoard 的其他 Issue
-
good first issue
难度 1/5 1-3 小时 新手友好度 88/100
anoopcodehack/DevBoard#589 ·
维护者通常 2 天内回复
-
enhancement good first issue
难度 2/5 1-3 小时 新手友好度 68/100
anoopcodehack/DevBoard#588 ·
维护者通常 2 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 82/100
anoopcodehack/DevBoard#587 ·
维护者通常 2 天内回复
-
good first issue
难度 1/5 1 小时以内 新手友好度 90/100
anoopcodehack/DevBoard#586 ·
维护者通常 2 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 65/100
anoopcodehack/DevBoard#584 ·
维护者通常 2 天内回复
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
Bug pulumi/pulumi
难度 2/5 1-3 小时 新手友好度 72/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 75/100
andromarces/agent-loops#571 ·
维护者通常 1 天内回复
-
Code Cleanup Dev Environment
难度 2/5 1-3 小时 新手友好度 78/100
ProjectSidewalk/SidewalkWebpage#5699 ·
维护者通常 1 天内回复
-
automated issue report
难度 2/5 1-3 小时 新手友好度 64/100
lirantal/discoprint#38 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 68/100
zenstackhq/zenstack#2873 ·
维护者通常 1 天内回复