[Custom Issue]: Develop a Contributors Page

[Varsha-1605]

📝 Issue Description

Create a dedicated Contributors page to showcase all individuals who have contributed to the SocioSell project. The page will dynamically display contributor details to recognize their efforts and foster community engagement.

🎯 Expected Outcome

Acceptance Criteria:
Page Design:

Design an aesthetically pleasing layout for the Contributors page using TailwindCSS.
Include a section for each contributor with their name, avatar, and role/description.
Dynamic Data Loading:

Fetch contributor details dynamically from a database or API (e.g., GitHub API or a custom endpoint).
Ensure real-time updates to reflect new contributors.
Additional Features:

Add sorting options (e.g., by contribution type or date).
Include links to contributor profiles (e.g., GitHub, LinkedIn).
Display badges or highlights for key contributors.
Responsiveness and Accessibility:

Ensure the page is responsive across all devices (mobile, tablet, desktop).
Follow accessibility standards to make the page inclusive for all users.
Testing and Feedback:

Test the functionality and appearance of the page.
Collect feedback from users and contributors to enhance the design and features.

📋 Additional Context

No response

📜 Confirmation

• I have reviewed the existing issues to avoid duplication
• I have provided sufficient detail for others to understand the issue

[github-actions]

👋 Thanks for opening this issue!

This issue has been automatically labeled with swoc and good first issue tags by our GitHub Actions bot 🤖.

Feel free to start working on this issue by:

1. Commenting below to get assigned
2. Creating a fork of the repository
3. Making your changes in a new branch
4. Opening a pull request

Need help? Join our Discord community!

This is an automated message from SocioSell's GitHub Actions bot 🦾

[ARYPROGRAMMER]

hi @Varsha-1605 , i would like to work on this. I'll make use of github api : GET /repos/{owner}/{repo}/contributors alongside a github access token as header to fetch contributors list. if you have a specific ui design you could let me know. thanks

[Varsha-1605]

Hello @ARYPROGRAMMER !
Thanks for your interest in working on this issue! To help you get started, you can use the attached templates as a reference for content structure and layout. Feel free to modify them as needed, but please ensure that the final design matches the project's color scheme and overall theme.

Here are the reference templates:

Let me know if you have any questions or need additional guidance. I'm looking forward to seeing your work!

[ARYPROGRAMMER]

hi, i am able to create this kind of ui alongwith github api integration. just check once and suggest changes before i finish up and release a pr for the same. some values are hardcoded in this demo and filters and grid view options are not working in demo which i'll finish up soon. this has overall structure and the kind of details i am fetching.

demo.mp4

[Varsha-1605]

@ARYPROGRAMMER It can have content like that but you have to recreate it to make it fully functional.
According to you, you can edit it.

[Varsha-1605]

@ARYPROGRAMMER How much time will it take you to complete it?

[ARYPROGRAMMER]

@ARYPROGRAMMER How much time will it take you to complete it?

Hi, I have almost completed it. Give me some hours I will raise a PR and then you can adjust the changes if needed. Thanks.