#520 - Todo List

challenges/520-todo-list/README.md

@@ -0,0 +1,23 @@
+Create a **Todo List** app
+
+The component should let users add tasks and remove them.
+
+## Requirements
+
+### Behaviour
+
+* Render an input field and a **Submit** button.
+* When the user clicks **Submit**:
+
+  * Add the input text as a new task in the list.
+  * Clear the input field.
+  * Do not add empty tasks.
+* Each task should display with a **Delete** button.
+
+  * Clicking **Delete** removes that task from the list.
+
+### Accessibility
+
+* Use semantic `<input>` and `<button>` elements.
+* Ensure the input has a label or `aria-label`.
+* Render tasks inside an unordered list (`<ul>` with `<li>`).

challenges/520-todo-list/info.yml

@@ -0,0 +1,11 @@
+difficulty: easy
+title: Todo List
+type: question
+template: react
+tags: ui-coding, react
+author:
+  github: jsartisan
+  name: Pawan Kumar
+  avatar_url: https://avatars.githubusercontent.com/u/6636360?v=4
+published_date: '2025-09-30'
+