This is a simple TODO app built using HTML, CSS, and JavaScript. It allows you to create a list of tasks, mark tasks as completed ✔️, edit tasks ✏️, and delete tasks ❌. The app uses local storage to store the tasks, so your tasks will be saved even after you close the browser.
- Add tasks ➕: Enter a task in the input field and click the "Submit" button to add it to the list.
- Mark tasks as completed ✔️: Click the circle icon next to a task to mark it as completed. Click the checkmark icon to unmark it.
- Edit tasks ✏️: Click the "Edit" button next to a task to edit its content. The task will be removed from the list and populated back into the input field for editing.
- Delete tasks ❌: Click the "Delete" button next to a task to remove it from the list.
- Clone or download the repository.
- Open the
index.htmlfile in a web browser.
- Enter a task in the input field and click the "Submit" button.
- To mark a task as completed, click the circle icon next to the task. Click the checkmark icon to unmark it.
- To edit a task, click the "Edit" button next to the task. The task will be populated into the input field for editing. Click "Submit" to save the edited task.
- To delete a task, click the "Delete" button next to the task.
Client: HTML, CSS, JavaScript, Bootstrap Icons
This app serves as a foundation for more advanced features. Some potential enhancements could include:
- Task prioritization
- Categories or tags for tasks
- Due dates and reminders
- User accounts and synchronization across devices