A basic to-do list application where users can add, remove, and check off tasks.
The To-Do List application allows users to manage their tasks efficiently. Users can add new tasks, remove completed tasks, and mark tasks as completed. The application aims to provide a simple yet effective way for users to organize their daily activities.
- View Tasks: User can see a list of all tasks currently on their to-do list.
- Add Tasks: User can add a new task by entering text into an input field and clicking an 'Add' button.
- Remove Tasks: User can remove a task from the list by clicking a 'Delete' button next to the task.
- Mark Tasks as Completed: User can click a checkbox next to a task to mark it as completed, visually indicating the task is done.
- Clear All Tasks: User can clear all tasks with a 'Clear All' button.
- Save Tasks: User’s tasks are saved in local storage, so they remain available even after the page is refreshed.
- Input Field: A text input field for users to enter their tasks.
- Add Button: A button that adds the entered task to the list.
- Task List: An unordered list that displays all tasks.
- Delete Button: A button next to each task to remove it from the list.
- Checkbox: A black checkbox to mark tasks as completed.
- Clear All Button: A button to remove all tasks from the list.
- Local Storage: Use local storage to save tasks, allowing persistence between sessions.
- Tasks should not exceed 100 characters.
- Ensure the input field does not accept empty tasks.
- Use clear, user-friendly messages for any errors (e.g., when attempting to add an empty task).
- Edit Tasks: Allow users to edit existing tasks by clicking on them.
- Due Dates: Users can set due dates for tasks and sort tasks based on these dates.
- Priority Levels: Users can assign priority levels (e.g., low, medium, high) to tasks.
- Simple To-Do List
- Task Manager App
- JavaScript To-Do List