This is a simple and stylish Todo List web application that allows you to manage your tasks quickly and efficiently. You can add new tasks, mark them as completed, and delete them as needed. The app also provides user-friendly warnings for empty tasks and duplicates.
You can watch a demonstration of the Quick Todo List's functionality on YouTube here.
You can try the Quick Todo List App live here.
-
Add New Todos: Easily add new tasks by entering the task name and clicking the "Add Todo" button.
-
Task Management: Mark tasks as completed by clicking on them. Clicking again will unmark them.
-
Task Deletion: Remove tasks from the list by clicking the delete icon next to each task.
-
Validation: The app provides warnings for empty tasks and duplicate tasks to ensure data accuracy.
- HTML
- CSS
- JavaScript
-
Visit the live demo of the Quick Todo List App.
-
Enter a task in the input field and click the "Add Todo" button to add it to the list.
-
To mark a task as completed, click on it. Clicking again will unmark it.
-
To delete a task, click the delete icon (✖️) next to it.
-
If you attempt to add an empty task or a duplicate task, the app will display appropriate warnings.
If you want to run this app locally, follow these steps:
- Clone this repository to your local machine.