This is a modern todo list application built using HTML, CSS, and JavaScript. It allows users to add, complete, and delete tasks easily.
- Add new tasks with start and end times
- Mark tasks as completed
- Delete tasks individually or in bulk
- Responsive design for mobile and desktop
-
Adding a Task: Click on the "+" button to add a new task. Enter the task details such as task name, start time, and optionally end time. Click "Add Task" to add it to the list.
-
Completing a Task: Once a task is added, a "Complete" button will appear. Click on it to mark the task as completed. Completed tasks will be moved to the "Completed Tasks" section.
-
Deleting a Task: Tasks can be deleted by dragging them to the delete bin icon located at the bottom right corner. A confirmation popup will appear before deleting the task.
This application can be deployed easily using GitHub Pages. Simply upload the index.html
file to a GitHub repository and enable GitHub Pages in the repository settings.
This project is inspired by modern todo list designs and built as a learning exercise by afnanafsal
This project is licensed under the MIT License.