Introduction

Hello:)
Today, we will see how to get all the contributors in a GitHub repository.
We will be using JavaScript to fetch the data, from the GitHub api.

What is the GitHub Api?

The GitHub API is a way to interact with GitHub programmatically. You can use the GitHub API to create integrations, retrieve data, and automate your workflows. There are two types of GitHub APIs: a REST API and a GraphQL API. The REST API uses HTTP methods and paths to access GitHub resources, while the GraphQL API uses queries and mutations to manipulate GitHub data. You can use GitHub CLI, curl, the official Octokit libraries, or third-party libraries to make requests to either API. For more information, you can check out the following links:

• GitHub REST API documentation: This is the official documentation for the GitHub REST API. It provides reference information, guides, and examples for using the REST API.
• Getting started with the REST API: This is a guide that shows you how to use the GitHub REST API using GitHub CLI, JavaScript, or curl. It covers topics such as authentication, parameters, pagination, and scripting.
• About GitHub's APIs: This is an overview of the GitHub APIs, including the differences and similarities between the REST API and the GraphQL API. It also explains how to use GitHub CLI, curl, Octokit, and third-party libraries with the APIs.

How to fetch the contributors

All the GitHub APIs are stored at https://api.github.com/.
So in order to fetch it you need to fetch the api from GitHub.
So, the api for GitHub contributors is https://api.github.com/repos/{Username}/{repo_name}/contributors

It will return the date in json format.
So, you can use fetch like this

const response = await fetch("https://api.github.com/repos/bashamega/webdevtools/contributors");
const data = await response.json();

then the data variable will be equal to all the contributers in json format like this:

[
  {
    "login": "Bashamega",
    "id": 110662505,
    "node_id": "U_kgDOBpiTaQ",
    "avatar_url": "https://avatars.githubusercontent.com/u/110662505?v=4",
    "gravatar_id": "",
    "url": "https://api.github.com/users/Bashamega",
    "html_url": "https://github.com/Bashamega",
    "followers_url": "https://api.github.com/users/Bashamega/followers",
    "following_url": "https://api.github.com/users/Bashamega/following{/other_user}",
    "gists_url": "https://api.github.com/users/Bashamega/gists{/gist_id}",
    "starred_url": "https://api.github.com/users/Bashamega/starred{/owner}{/repo}",
    "subscriptions_url": "https://api.github.com/users/Bashamega/subscriptions",
    "organizations_url": "https://api.github.com/users/Bashamega/orgs",
    "repos_url": "https://api.github.com/users/Bashamega/repos",
    "events_url": "https://api.github.com/users/Bashamega/events{/privacy}",
    "received_events_url": "https://api.github.com/users/Bashamega/received_events",
    "type": "User",
    "site_admin": false,
    "contributions": 42
  }]

What are the meaning of these names?