Add Contributor Section to the Website

[JollyJolli]

We need to add a dedicated section to the website that showcases contributors. This could be implemented either as a new tab in the navigation menu or integrated into the homepage (index). The section should automatically update as new contributors join, making it easy to recognize their contributions.

Tasks

• [ ] Design the layout for the contributor section, considering both desktop and mobile views.
• [x] Implement a way to automatically pull contributor data from the repository (using GitHub API or other methods).
• [ ] Create a visual representation of contributors, such as avatars or names, along with their contribution statistics.
• [ ] Ensure the section is responsive and visually appealing.
• [ ] Test the functionality to make sure new contributions are reflected in real-time.

Brief Info

This feature is part of the HacktoberWall project, aimed at providing simple and engaging tasks for Hacktoberfest participants. Highlighting contributors will not only encourage participation but also foster a sense of community within the project.

Feature Info

By adding a contributor section, we can acknowledge the efforts of individuals who have contributed to the project. This section could include:

• Contributor names
• Avatars or profile pictures
• Contribution count (number of merged pull requests)
• Links to their GitHub profiles

Proposed Solution

1. Decide on the placement of the contributor section (new tab or within the homepage).
2. Use the GitHub API to fetch the list of contributors and their contribution statistics.
3. Implement a simple, clean layout to display contributors' information:
   • Utilize a grid or list format for better visibility.
   • Make sure to include fallback content if the API call fails.
4. Style the section using CSS to ensure it aligns with the overall website theme.
5. Regularly test the section for responsiveness across different devices and browsers.

Additional Context

This feature is beginner-friendly, as it provides a good opportunity for contributors to practice working with APIs and enhancing user interface design. Familiarity with JavaScript, HTML, and CSS will be helpful for this task. Contributors can refer to the GitHub API documentation for guidance on how to access contributor data.

This is a fantastic opportunity for Hacktoberfest participants to contribute and help build a welcoming community!

[vijaykr338]

please assign this to me

[uzefaqureshi06]

can you assign this to me I will do your work

[JollyJolli]

Hey there @vijaykr338 and @uzefaqureshi06 i will assign both of you I guess

[JollyJolli]

Any updates both of you? @vijaykr338 @uzefaqureshi06

[Phanty78]

I can take care of it if the previous contributors don't give any news.

[JollyJolli]

Yeah of course

[Phanty78]

I'll need an authentication token to use the right endpoint. Does the project have one?

https://docs.github.com/en/rest/repos/repos?apiVersion=2022-11-28#list-repository-contributors

[JollyJolli]

Hey there! Use this! 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

[Phanty78]

Job is done , you can look at my pull request ;)