adding github heatmap background on usercard

[yashgoyal0110]

currently there's a simple blue background on user-card, we can add a static heatmap background or current github heatmap of user also by using APIs like https://github-contributions.vercel.app/api/v1/github-username and packages like "github-contributions-canvas"
which will look more amazing on UI and will provide a good user expereince

Present UI:

After changes:

[yashgoyal0110]

@arkid15r @kasya looking for your opinions, would love to add this feature

[abhayymishraa]

great issue !!! i think it would be helpful

[harsh3dev]

@yashgoyal0110 Should we use the github API directly like here: https://github.com/sallar/github-contributions-chart/blob/45bf3520702af1f9bd10ba074869582b21988882/src/utils/api/fetch.js#L97
Or use the API you mentioned as its third party.

[yashgoyal0110]

It can be done anyway, that's not an issue

…

On Sun, Jan 12, 2025, 8:59 PM Harsh Pandey ***@***.***> wrote: @yashgoyal0110 <https://github.com/yashgoyal0110> Should we use the github API directly like here: https://github.com/sallar/github-contributions-chart/blob/45bf3520702af1f9bd10ba074869582b21988882/src/utils/api/fetch.js#L97 Or use the API you mentioned as its third party. — Reply to this email directly, view it on GitHub <#434 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BDRUJK3FPLMJZI4OUBA6YGT2KKC45AVCNFSM6AAAAABVBC5OTSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKOBVG43TOOBTG4> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[Rajgupta36]

@yashgoyal0110 looks awesome

[arkid15r]

It'd be great to be able to narrow the contribution numbers down to OWASP related only and show them instead of just all contributions. We could also add a simple toggle to switch to all contributions overview if possible.

The implementation may be not that easy depending on our decisions about the data source (if we want to have it in our DB).

I can assign it to you @yashgoyal0110 if it's something you'd like to work on right now or just put into the backlog.

[yashgoyal0110]

@arkid15r so we can do one thing for now is putting up a static heatmap for ux enhancement?

[arkid15r]

@arkid15r so we can do one thing for now is putting up a static heatmap for ux enhancement?

could you add more details? like the same picture for all users?

[yashgoyal0110]

@arkid15r yes

[arkid15r]

@arkid15r yes

No, that'd be misleading. Let's not do that.

[arkid15r]

@yashgoyal0110 would you like to research our options here or want me to keep it in Backlog?

[yashgoyal0110]

@arkid15r i would like to discuss and take it forward

[arkid15r]

Sounds good, we can do it either here or in our Slack channel

[yashgoyal0110]

@arkid15r slack would be a better place i guess