Merge pull request #1699 from Aarsh30/budget

Adding the budget Manager

Author: TusharKesarwani

Projects/Budget Manager/app.js

@@ -0,0 +1,40 @@
+var chart = document.querySelector(".chart");
+// Crating canvas element
+const canvas = document.createElement("canvas");
+// to draw our canvas ,we need to get context of canvas
+const ctx = canvas.getContext("2d");
+
+canvas.width = 150;
+canvas.height = 150;
+
+// Append canvas to chart element
+chart.appendChild(canvas);
+
+// change line width
+ctx.lineWidth = 16;
+
+// circle radius
+const R = 60;
+
+function drawCircle(color, ratio, anticlockwise) {
+  ctx.strokeStyle = color;
+  ctx.beginPath();
+  ctx.arc(
+    canvas.width / 2,
+    canvas.height / 2,
+    R,
+    0,
+    ratio * 2 * Math.PI,
+    anticlockwise
+  );
+  ctx.stroke();
+}
+
+function updateChart(income, expense) {
+  let ratio = income / (income + expense);
+
+  drawCircle("#28B9B5", -ratio, true);
+  drawCircle("#e66767", 1 - ratio, false);
+}
+
+updateChart(0, 0);

Projects/Budget Manager/bgimage.png

@@ -0,0 +1,6 @@
+[0412/123006.787:ERROR:file_io_win.cc(179)] CreateFile C:\Program Files (x86)\Google\Chrome\settings.dat: Access is denied. (0x5)
+[0412/123006.787:ERROR:registration_protocol_win.cc(84)] TransactNamedPipe: The pipe has been ended. (0x6D)
+[0412/123006.804:ERROR:file_io_win.cc(179)] CreateFile C:\Program Files (x86)\Google\Chrome\settings.dat: Access is denied. (0x5)
+[0422/215112.814:ERROR:file_io_win.cc(179)] CreateFile C:\Program Files (x86)\Google\Chrome\settings.dat: Access is denied. (0x5)
+[0422/215112.850:ERROR:registration_protocol_win.cc(84)] TransactNamedPipe: The pipe has been ended. (0x6D)
+[0422/215112.852:ERROR:file_io_win.cc(179)] CreateFile C:\Program Files (x86)\Google\Chrome\settings.dat: Access is denied. (0x5)