The To-Do List Application is a simple web-based tool developed using HTML, CSS, and JavaScript. It allows users to create, manage, and organize their daily tasks efficiently. Users can add new tasks, mark tasks as completed, delete tasks, and clear all completed tasks, providing a seamless experience to enhance productivity.
- Add Tasks: Users can input and add tasks to the to-do list.
- Mark as Completed: Tasks can be marked as completed with a visual indicator.
- Delete Individual Tasks: Users can remove tasks individually from the list.
- Responsive Design: The application is styled to be responsive and user-friendly.
- HTML: Structure of the web page.
- CSS: Styling and layout to ensure a visually appealing user interface.
- JavaScript: Logic for task management, interactivity, and DOM manipulation.
- Clone the repository:
git clone https://github.com/yourusername/todo-list.git
- Navigate to the project directory:
cd todo-list - Open
index.htmlin your web browser: You can directly open theindex.htmlfile in a web browser to run the application.
- Add a Task: Enter a task in the input field and press the 'Add' button or press 'Enter' on your keyboard.
- Mark as Completed: Click on the task to toggle its completion status.
- Delete a Task: Click the delete icon (trash can) next to the task to remove it.
.
|-- images
|-- index.html
|-- style.css
|-- script.js
|-- README.md
-
index.html: The main HTML file containing the structure of the web page. -
style.css: The CSS file for styling the to-do list. -
script.js: The JavaScript file for adding interactive functionality. -
for project view https://to-do-list-blush-xi.vercel.app/
- Persistent Storage: Implement local storage to save tasks between sessions.
- Categorization: Add options for task categorization and filtering.
- Due Dates: Integrate a feature to set due dates for tasks.
Contributions are welcome! If you'd like to improve the project, feel free to submit a pull request.
**Ajith kumar v **