[Bug]: Issues with Fetching and Displaying GitHub Contributors

[Swapnilden]

Give a brief about the bug ✍️

The code fetching and displaying GitHub contributors has several issues, including a hardcoded page parameter, inefficient DOM updates, and global variable scope problems.

What is the expected behavior? 🤔

• The function getContributors should correctly fetch contributors across multiple pages.
• The contributors should be sorted and displayed in the correct order.
• The search functionality should work without undefined variables.
• The DOM should be updated efficiently to improve performance.

Provide step by step information to reproduce the bug 📄

1. Hardcoded Page Parameter

• Open the code and locate the getContributors function.
• Notice that the page parameter in the fetch URL is hardcoded to 1.

2. Inefficient DOM Updates

• Observe the DOM update logic within the window.onload function.
• Notice the repeated DOM manipulations without using DocumentFragment.

3. Undefined data Variable in Search

• Check the searchResult.addEventListener function.
• Notice the data variable is not defined globally, causing errors when the search input is used.

4. Inconsistent Dark Mode Toggle Event Listeners

• Examine the event listeners for dark mode toggle.
• Notice duplicated event listeners and possible issues with theme toggling.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @Swapnilden! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible.
👉 Don’t forget to star our Community Page and Follow Us on GitHub
👉 Make sure you join our Discord, we have created separate channels for all projects

[github-actions]

Thank you for your contribution! If you have any questions or need further assistance, feel free to reach out to us on our Discord server: Discord. We have separate channels for all projects. Happy coding! 🚀

Connect with us on social media:

• GitHub: ChromeGaming
• LinkedIn: ChromeGaming
• Instagram: @chromegamingon