diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..c0fafcc6
Binary files /dev/null and b/.DS_Store differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..2c1117b2
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+secret.js
\ No newline at end of file
diff --git a/README.md b/README.md
index 1613a3b0..cdc4f9b8 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,12 @@
# GitHub Tracker
-
-Replace this readme with your own information about your project.
-
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+Assignment to fetch Technigo Projects with name and URL + number of commits via pull requests.
+Also calculate projects made comparing to projects remaining.
## The problem
-
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
+I started with the Js file - trying one API fetch at a time - console logging and then positioning the data in InnerHTML before declaring and invoking next function. After all information i needed was fetched I did the styling. Last I made the chart and the token.
+I googled, used SO for checking other people questions regarding this project.
+If I had more time I would have added more information like commit comments.
## View it live
-Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
+https://ecstatic-wing-3740de.netlify.app/
diff --git a/code/chart.js b/code/chart.js
index 92e85a30..91fc5d81 100644
--- a/code/chart.js
+++ b/code/chart.js
@@ -1,4 +1,29 @@
-//DOM-selector for the canvas 👇
+//DOM-selector for the canvas
const ctx = document.getElementById('chart').getContext('2d')
-//"Draw" the chart here 👇
+const activateChart = (projects) => {
+
+const labels = [
+ 'Projects completed',
+ 'Projects in pipeline',
+ ];
+
+ const data = {
+ labels: labels,
+ datasets: [{
+ data: [projects, 19-projects],
+ backgroundColor: ['rgb(255, 99, 132)','rgb(255, 69, 0)'],
+ borderColor: ['rgb(255, 99, 132)','rgb(255, 69, 0)'],
+ }]
+ };
+
+ const config = {
+ type: 'doughnut',
+ data: data,
+ };
+
+ new Chart(document.getElementById('chart'),config);
+
+}
+
+
diff --git a/code/hero-grafitti2.jpg b/code/hero-grafitti2.jpg
new file mode 100644
index 00000000..e7b6acfb
Binary files /dev/null and b/code/hero-grafitti2.jpg differ
diff --git a/code/index.html b/code/index.html
index 2fb5e0ae..09797fca 100644
--- a/code/index.html
+++ b/code/index.html
@@ -5,16 +5,30 @@
Project GitHub Tracker
+
+
+
+
+
-
`
+ })
+ getRepos ()
+}
+//2nd function and fetch to get the repo list
+const getRepos = () => {
+ fetch(API_REPOS_LIST, options)
+ .then(res => res.json())
+ .then(data => {
+ //Filtering out the forked repos & repos starting with project
+ const forkedRepos = data.filter((repo) => repo.fork && repo.name.startsWith('project'))
+ forkedRepos.forEach((repo) => {
+ //Positioning the information in HTML also with dynamic ID repo.name
+ projectContainer.innerHTML += `
+
`
+ })
+ //Passing the filtered repos to next function
+ getPullRequests(forkedRepos)
+ //Passing the filtered repos length to chartfunction in chart.js
+ activateChart(forkedRepos.length)
+ })
+
+ //3rd function and fetch to get all the pulls with help of repo.name
+ const getPullRequests = (repos) => {
+ repos.forEach(repo => {
+ fetch(`https://api.github.com/repos/technigo/${repo.name}/pulls?per_page=100`, options)
+ .then(res => res.json())
+ .then(data => {
+ //Filter my own pulls by comparing user login and repo owner
+ const filteredPulls = data.find((pull) => pull.user.login === repo.owner.login)
+ //Passing the filtered pulls to next functions
+ if (filteredPulls) {
+ //Passing the commits_url and review_comments_url as arguments to next functions
+ //Also passing along the dynamic ID repo.name to be able to positioning in HTML
+ getCommits(filteredPulls.commits_url, repo.name)
+ getReview(filteredPulls.review_comments_url, repo.name)
+ } else {
+ document.getElementById(`${repo.name}`).innerHTML += `
+
No pull request made
`
+ }
+ })
+ })
+ }
+
+ //4th function and fetch. Fetch (commits_url declared in getPullRequests function
+ //therefore activated by argument URL and repoName
+ const getCommits = (URL, repoName) => {
+ fetch(URL, options)
+ .then(res => res.json())
+ .then(data => {
+ //Positioning by dynamic ID repoName
+ document.getElementById(repoName).innerHTML += `
+
Number of commits: ${data.length}
`
+ })
+ }
+
+ //5th function and fetch. Fetch (commits_url declared in getPullRequests function
+ //therefore activated by argument URL and repoName
+ const getReview = (URL, repoName) => {
+ fetch(URL, options)
+ .then(res => res.json())
+ .then(data => {
+ //If any review made - positioning data by dynamic ID repoName
+ if (`${data[0].user.login} == ''`) {
+ document.getElementById(repoName).innerHTML += `
+