diff --git a/README.md b/README.md index 1613a3b0..a79fcae3 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,10 @@ # 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. +This project was about creating a place to keep track of the GitHub repos that are created during the Technigo program. I have practicing my JavaScript and API skills with the help of GitHub's own documentation. ## 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? +It was hard in the beginning to pass arguments. But really good practice! ## 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. +Check in the page: https://awesome-hermann-410ad6.netlify.app/ diff --git a/code/chart.js b/code/chart.js index 92e85a30..9b49b2a4 100644 --- a/code/chart.js +++ b/code/chart.js @@ -1,4 +1,21 @@ //DOM-selector for the canvas 👇 -const ctx = document.getElementById('chart').getContext('2d') +const ctx = document.getElementById("chart").getContext("2d"); //"Draw" the chart here 👇 +const drawChart = (amount) => { + const config = { + type: "doughnut", + data: { + labels: ["Projects Done", "projects Left"], + datasets: [ + { + label: "My First Dataset", + data: [amount, 19 - amount], + backgroundColor: ["rgb(255, 99, 132)", "rgb(54, 162, 235)"], + hoverOffset: 4, + }, + ], + }, + }; + const myChart = new Chart(ctx, config); +}; diff --git "a/code/img/Untitled \342\200\223 Figma.html" "b/code/img/Untitled \342\200\223 Figma.html" new file mode 100644 index 00000000..599a8329 --- /dev/null +++ "b/code/img/Untitled \342\200\223 Figma.html" @@ -0,0 +1,1045 @@ + + +
+ + + + + + + + + + + + + + +