diff --git a/awesome_owl/static/src/todo_list/todo_list.js b/awesome_owl/static/src/todo_list/todo_list.js
index 7cfcd08..1f24099 100644
--- a/awesome_owl/static/src/todo_list/todo_list.js
+++ b/awesome_owl/static/src/todo_list/todo_list.js
@@ -8,10 +8,17 @@ export class TodoList extends Component {
     static components = { TodoItem };
 
     setup() {
-        this.todos = useState([
-            {id: 3, description: "buy milk", isCompleted: false },
-            { id: 1, description: "have a shower", isCompleted: true },
-            { id: 2, description: "sing loudly", isCompleted: false }
-        ]);
+        this.todos = useState([]);
+    }
+
+    addTodo(ev) {
+        // If the key was enter and input isn't empty
+        if(ev.keyCode === 13) {
+            if(ev.target.value !== '') {
+                // Let's create a todo
+                this.todos.push({ id: this.todos.length+1, description: ev.target.value, isCompleted: false });
+                ev.target.value = '';
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/awesome_owl/static/src/todo_list/todo_list.xml b/awesome_owl/static/src/todo_list/todo_list.xml
index 83537a0..0ff8792 100644
--- a/awesome_owl/static/src/todo_list/todo_list.xml
+++ b/awesome_owl/static/src/todo_list/todo_list.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
     <t t-name="awesome_owl.todo_list">
+       <p><input type="text" name="new-todo" placeholder="Add new todo" t-on-keyup="addTodo" /></p>
        <div class="d-inline-block border p-2 m-2">
             <t t-foreach="todos" t-as="todo" t-key="todo.id">
                 <TodoItem todo="todo" />