diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..271d9ed
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Todo App</title>
+<style>
+  body {font-family:Arial,Helvetica,sans-serif; max-width:600px; margin:auto; padding:2rem;}
+  ul {list-style:none; padding:0;}
+  li {margin:0.5rem 0;}
+</style>
+</head>
+<body>
+<h1>Todo</h1>
+<input id="newTask" placeholder="New task" />
+<button onclick="addTask()">Add</button>
+<ul id="list"></ul>
+<script>
+function addTask(){
+  const input=document.getElementById('newTask');
+  if(!input.value) return;
+  const li=document.createElement('li');
+  li.textContent=input.value;
+  li.onclick=()=>li.remove();
+  document.getElementById('list').appendChild(li);
+  input.value='';
+}
+</script>
+</body>
+</html>
