diff --git a/Projects/to-do-app/index.html b/Projects/to-do-app/index.html
new file mode 100644
index 0000000..a625352
--- /dev/null
+++ b/Projects/to-do-app/index.html
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+ To-do
+
+
+
+
Oh Crud!
+
+ Things I forgot to do:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Projects/to-do-app/script.js b/Projects/to-do-app/script.js
new file mode 100644
index 0000000..f68421e
--- /dev/null
+++ b/Projects/to-do-app/script.js
@@ -0,0 +1,77 @@
+var app = new (function () {
+ this.el = document.getElementById("tasks");
+ this.tasks = [];
+
+ this.FetchAll = function () {
+ var data = "";
+
+ if (this.tasks.length > 0) {
+ for (i = 0; i < this.tasks.length; i++) {
+ data += "";
+ data += "| " + (i + 1) + ". " + this.tasks[i] + " | ";
+ data +=
+ ' | ';
+
+ data +=
+ ' | ';
+ data += "
";
+ }
+ }
+ this.Count(this.tasks.length);
+ return (this.el.innerHTML = data);
+ };
+
+ this.Add = function () {
+ el = document.getElementById("add-todo");
+ var task = el.value;
+ if (task) {
+ this.tasks.push(task.trim());
+ el.value = "";
+ this.FetchAll();
+ }
+ };
+
+ this.Edit = function (item) {
+ el = document.getElementById("edit-todo");
+ el.value = this.tasks[item];
+ document.getElementById("edit-box").style.display = "flex";
+ self = this;
+
+ document.getElementById("save-edit").onsubmit = function () {
+ var task = el.value;
+ if (task) {
+ self.tasks.splice(item, 1, task.trim());
+ self.FetchAll();
+ CloseInput();
+ }
+ };
+ };
+
+ this.Delete = function (item) {
+ this.tasks.splice(item, 1);
+ this.FetchAll();
+ };
+
+ this.Count = function (data) {
+ var el = document.getElementById("counter");
+ var name = "Tasks";
+ if (data) {
+ if (data == 1) {
+ name = "Task";
+ }
+ el.innerHTML = data + " " + name;
+ } else {
+ el.innerHTML = "No " + name;
+ }
+ };
+})();
+
+app.FetchAll();
+
+function CloseInput() {
+ document.getElementById("edit-box").style.display = "none";
+}