This is a simple interactive todo list web application built using HTML, CSS, and JavaScript. It allows users to add, edit, mark as completed, and delete tasks. The tasks are categorized into completed, pending, and all tasks sections, which can be navigated using tabs.
- Add new tasks using the input field.
- Mark tasks as completed by checking the checkbox.
- Edit and delete tasks using respective buttons.
- Switch between completed, pending, and all tasks using tabs.
To get a local copy of this project up and running, follow these steps:
- 1 Clone the Repository: Clone this repository to your local machine using the following command:
git clone https://github.com/vibhuthakur9911/intereactive_todo_list.git |
- 2 Open
index.html
: Open the index.html file in your preferred web browser to view the 3D interactive block in action. - 3 Use the input field to add new tasks.
- 4 Check the checkbox to mark tasks as completed.
- 5 Click on the "Edit" or "Delete" buttons to perform respective actions.
- 6 Use the tabs to navigate between different task sections.
Feel free to use and modify this project according to your needs. Here are a few ways you can customize it:
![]() |
- Bootstrap - Used for styling the todo list.
- Font Awesome - Used for icons.