This is a simple To-Do list web application built using jQuery for dynamic interactions, HTML for structure, and CSS for styling. The application allows users to add, mark as completed, and remove tasks from the list.
![image](https://private-user-images.githubusercontent.com/78530251/254826867-01d52270-4086-4ea4-8999-c2fcc005c789.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxNTg3OTcsIm5iZiI6MTcyMjE1ODQ5NywicGF0aCI6Ii83ODUzMDI1MS8yNTQ4MjY4NjctMDFkNTIyNzAtNDA4Ni00ZWE0LTg5OTktYzJmY2MwMDVjNzg5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDA5MjEzN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE3NDE0MWI0MTFhODk2MzhjYmE2Y2FmYWE5MDEyYzZkNDEwNzgyM2QyM2I0YTc0OTkyNjZkNmQ4M2I3YTEwODImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.z_RY-CFwDo4MUeKH6PxUns2E7DP32FNcHsr3Vwd0C1o)
-
To add a new task to the list, simply type your task in the input field provided at the top of the page and press the "Enter" key.
-
Click on the check to a task to mark it as completed. The completed tasks will be visually distinguished from the pending tasks.
-
To remove a task from the list, click on the trash bin icon next to the task you want to delete. This will permanently remove the task from the list.
To run this To-Do list application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/todo-list.git
-
Navigate to the project directory:
cd todo-list
-
Open
index.html
in your web browser to use the To-Do list application.
- HTML
- CSS
- jQuery
Contributions are welcome! If you find any issues or want to enhance the functionality of the To-Do list, feel free to submit a pull request or open an issue.
If you have any questions or feedback, feel free to contact us at [email protected].
Enjoy using To-Do!