feature: add contributors react component in the website

[devilkiller-ag]

Summary of Changes

As discussed in #144 this PR will add a contributors section on the website.

Related Issue

Closes #160

Checklist

• I have read and followed the project's contribution guidelines, including code style and commit message conventions.
• My code is well-documented, and I've updated relevant documentation.
• I have added or updated test cases to ensure the code's functionality.
• I have tested these changes on my local environment.
• All tests pass, and there are no new linting errors.
• I have reviewed and proofread my code and the changes.
• The branch is up-to-date with the base branch.

Reviewer(s)

@Abhijay007

[devilkiller-ag]

@Abhijay007 I have written a script for fetching the contributors' data from all repositories of our organization. But to run it regularly, we will need a GitHub access token in the future. For now, I am using mine for development.

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
default (Inspect)	🧿 Changes detected (Review)	8 changes	Jan 17, 2024, 5:36 PM

[Abhijay007]

@Abhijay007 I have written a script for fetching the contributors' data from all repositories of our organization. But to run it regularly, we will need a GitHub access token in the future. For now, I am using mine for development.

No problem I will add that

[devilkiller-ag]

Hi @Abhijay007, you will need to create a GitHub secret with the name GH_ACCESS_TOKEN for this website repository, so that the fetch contributor workflow runs every midnight or can we use the existing DEPLOYMENT_TOKEN for this?

[devilkiller-ag]

I fetched the current contributors list using my personal access token so now we can work on the react component for showcasing the contributors on our website.

[devilkiller-ag]

@Abhijay007 This PR is ready for review now!

[Abhijay007]

@Abhijay007 I have written a script for fetching the contributors' data from all repositories of our organization. But to run it regularly, we will need a GitHub access token in the future. For now, I am using mine for development.

No problem I will add that

I don't have the access to great token as it require admin permissions ig, @hexsecs can help for the same

[devilkiller-ag]

Hi @Abhijay007, you will need to create a GitHub secret with the name GH_ACCESS_TOKEN for this website repository, so that the fetch contributor workflow runs every midnight or can we use the existing DEPLOYMENT_TOKEN for this?

@Abhijay007 @hexsecs , If you allow I can also use DEPLOYMENT_TOKEN for this.

[devilkiller-ag]

Hi @Abhijay007, Any updates on this?

[Abhijay007]

Hi @Abhijay007, Any updates on this?

I will look into this code, @hexsecs can check the token permissions

[Abhijay007]

@devilkiller-ag I looked into the code, and it LGTM. However, in terms of design, do you have any better suggestions? I think it looks too busy.

Can we make it scrollable or something? Do you have any better suggestions around the same?

cc : @jhdalek55 @hexsecs

[devilkiller-ag]

@Abhijay007 We can restrict the number of rows to 3 to make it automated horizontal scroll.

[Abhijay007]

@Abhijay007 We can restrict the number of rows to 3 to make it automated horizontal scroll.

great suggestion, I think we can go ahead with this one

[Abhijay007]

@Abhijay007 We can restrict the number of rows to 3 to make it automated horizontal scroll.

@devilkiller-ag instead of iterating it please move it to the "About Us" page here at very bottom

[devilkiller-ag]

@Abhijay007 So I don't need to add a horizontal scroll now? Just move the section to about us page?

[Abhijay007]

Yea

…

On Sat, 6 Jan 2024, 20:57 Ashmit JaiSarita Gupta, ***@***.***> wrote: @Abhijay007 <https://github.com/Abhijay007> So I don't need to add a horizontal scroll now? Just move the section to about us page? — Reply to this email directly, view it on GitHub <#163 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APLHP3XZ7IQ3LWD3PDCIJQ3YNFUP5AVCNFSM6AAAAABASYOD7SVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNZZG4ZDQOJRGU> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[devilkiller-ag]

@Abhijay007 Can you review the changes and approve on argos

[Abhijay007]

@Abhijay007 Can you review the changes and approve on argos

looking into this, will review it soon

[hexsecs]

Hi @devilkiller-ag - for me it isn't quite rendering correctly when I build locally.

[devilkiller-ag]

@hexsecs It should wor now!

[devilkiller-ag]

Any update on this @Abhijay007 @hexsecs?

[devilkiller-ag]

@hexsecs @Abhijay007 I resolved the changes requested.

[Abhijay007]

LGTM 👍