diff --git a/projects/todo.html b/projects/todo.html
new file mode 100644
index 0000000..7e8b079
--- /dev/null
+++ b/projects/todo.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Task Manager</title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+	<script src="https://kit.fontawesome.com/a076d05399.js"></script>
+</head>
+<body>
+	<div class="container">
+		<div id="newtask">
+			<input type="text" placeholder="Add Tasks">
+			<button id="push">Add</button>
+		</div>
+		<div id="tasks"></div>
+	</div>
+
+	<script type="text/javascript">
+		document.querySelector('#push').onclick = function(){
+		    if(document.querySelector('#newtask input').value.length == 0){
+		        alert("Kindly Enter Task Name!!!!")
+		    }
+
+		    else{
+		        document.querySelector('#tasks').innerHTML += `
+		            <div class="task">
+		                <span id="taskname">
+		                    ${document.querySelector('#newtask input').value}
+		                </span>
+		                <button class="delete">
+		                    <i class="far fa-trash-alt"></i>
+		                </button>
+		            </div>
+		        `;
+
+		        var current_tasks = document.querySelectorAll(".delete");
+		        for(var i=0; i<current_tasks.length; i++){
+		            current_tasks[i].onclick = function(){
+		                this.parentNode.remove();
+		            }
+		        }
+		    }
+		}
+	</script>
+</body>
+</html>
