From f802f240d3cabe44c3f9a6853fa3fd0810c1ef79 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <6636360+jsartisan@users.noreply.github.com>
Date: Tue, 30 Sep 2025 06:05:04 +0000
Subject: [PATCH] feat(question): add #520 - Todo List

---
 challenges/520-todo-list/README.md | 23 +++++++++++++++++++++++
 challenges/520-todo-list/info.yml  | 11 +++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 challenges/520-todo-list/README.md
 create mode 100644 challenges/520-todo-list/info.yml

diff --git a/challenges/520-todo-list/README.md b/challenges/520-todo-list/README.md
new file mode 100644
index 0000000..f92aa42
--- /dev/null
+++ b/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>`).
diff --git a/challenges/520-todo-list/info.yml b/challenges/520-todo-list/info.yml
new file mode 100644
index 0000000..b9bb914
--- /dev/null
+++ b/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'
+