This is a simple web-based To-Do List application built using HTML, CSS, and JavaScript. The app allows users to add tasks to a list, mark them as completed, and remove them from the list.
- Add tasks: Users can enter a task in the input box and click the "Add" button to add it to the list.
- Mark as completed: By clicking on a task in the list, it can be marked as completed, and a strike-through line will be applied to the task.
- Remove tasks: Users can click on the "x" icon next to a task to remove it from the list.
- Persistent storage: The list of tasks is saved in the browser's local storage, so the tasks will be retained even if the page is refreshed or reopened.
- Dark Mode/Light Mode: Click the button at corner to toggle the button
- Clone the repository to your local machine or download the files (
index.html,style.css,script.js,icon.png,checked.png,unchecked.png). - Open the
index.htmlfile in your web browser. - The To-Do List app will be displayed in your browser window.
- Enter a task in the input box and click the "Add" button to add it to the list.
- To mark a task as completed, click on the task in the list.
- To remove a task from the list, click on the "x" icon next to the task.
- The list of tasks will be automatically saved in the browser's local storage, so your tasks will be preserved even if you close the browser.
This To-Do List app does not have any external dependencies. It only uses the following technologies:
- HTML: To create the structure of the app.
- CSS: To style the app and make it visually appealing.
- JavaScript: To add interactivity and functionality to the app.
This To-Do List app was created with ❤️ by Sowham.
This project is licensed under the MIT License. Feel free to use and modify the code as per your needs.
Special thanks to anyone whose code or resources were used in this project.
