fetched pRs

Sherin-Susan-Thomas · Sherin-Susan-Thomas · commit 12d3643e378a · 2022-02-24T08:30:40.000+01:00
diff --git a/code/chart.js b/code/chart.js
@@ -8,9 +8,9 @@ const config = {
     labels: ["Finished projects", "Projects left"],
     datasets: [
       {
-        label: "My First Dataset",
-        data: [6, 20 - 6],
-        backgroundColor: ["rgb(255, 99, 132)", "rgb(54, 162, 235)"],
+        label: "My Projects",
+        data: [6, 19 - 6],
+        backgroundColor: ["rgb(55, 99, 132)", "rgb(80, 92, 125)"],
         hoverOffset: 4,
       },
     ],
diff --git a/code/index.html b/code/index.html
@@ -9,8 +9,8 @@
   </head>
   <body>
     <h1>GitHub Tracker</h1>
-    <h2>Projects</h2>
-    <main id="projects"></main>
+    <section id="userProfile" class="user-profile"></section>
+    <main id="projects" class="projects"></main>
 
     <!-- This will be used to draw the chart 👇 -->
     <canvas id="chart"></canvas>
diff --git a/code/script.js b/code/script.js
@@ -1,23 +1,67 @@
 const projects = document.getElementById("projects");
+const userProfile = document.getElementById("userProfile");
 const chart = document.getElementById("chart");
+const user_URL = "https://api.github.com/users/Sherin-Susan-Thomas";
 const repo_URL = "https://api.github.com/users/Sherin-Susan-Thomas/repos";
 
 const options = {
   method: "GET",
   headers: {
-    Authorization: ` ${API_TOKEN}`,
+    Authorization: `token ${API_TOKEN}`,
   },
 };
 
-fetch(repo_URL, options)
-  .then((res) => res.json())
-  .then((userData) => {
-    console.log("userData", userData);
-    const filteredRepos = userData.filter(
-      (item) => item.fork && item.name.includes("project-")
-    );
-    filteredRepos.forEach((repo) => {
-      projects.innerHTML += `<h2 class = "repo-name" id = "repoName"> ${repo.name} </h2>`;
+//To fetch profile data
+const user = () => {
+  fetch(user_URL, options)
+    .then((res) => res.json())
+    .then((data) => {
+      console.log("data", data);
+      userProfile.innerHTML += `<h2 class = "user-name" id= "userName"> ${data.name} </h2>
+      <img src = ${data.avatar_url}>`;
     });
-    console.log("filteredRepos", filteredRepos);
+};
+user();
+
+// To fetch repositories
+const userRepo = () => {
+  fetch(repo_URL, options)
+    .then((res) => res.json())
+    .then((userData) => {
+      console.log("userData", userData);
+      const filteredRepos = userData.filter(
+        (item) => item.fork && item.name.includes("project-") // to filter technigo projects
+      );
+      filteredRepos.forEach((repo) => {
+        const date = new Date(repo.pushed_at).toDateString();
+        projects.innerHTML += `<h2 class = "repo-name" id= "repoName"> ${repo.name} </h2>
+        <a href="${repo.html_url}">Link to the repository</a>
+        <p class = "repo-name" id= "repoName"> Default Branch: ${repo.default_branch} </p>
+        <p class = "repo-name" id= "repoName"> Latest Push update: ${date} </p>
+        `;
+      });
+      console.log("filteredRepos", filteredRepos);
+      pullRequests(filteredRepos);
+      myChart(filteredRepos.length);
+    });
+};
+
+const pullRequests = (repos) => {
+  repos.forEach((repo) => {
+    console.log("repo", repo);
+    fetch(
+      `https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100`,
+      options
+    ) // to filter pull requests
+      .then((res) => res.json())
+      .then((data) => {
+        console.log("data", data);
+        const myPullRequest = data.find(
+          (pull) => pull.user.login === repo.owner.login
+        ); // pullrequests fetches the entire pullrequest specfic to the projecr,  filtering out pull requests made by me.
+        console.log("myPullRequest", myPullRequest);
+      });
   });
+};
+
+userRepo();
