This repository contains the source code for a simple To-Do List web application. The application allows users to add tasks, edit existing tasks, and delete tasks. The interface is designed with a clean and modern look using HTML, CSS, and JavaScript.
- File Name:
index.html
- Description: The main HTML file that defines the structure of the web page. It includes sections for the header, task input form, task list display, and clear-all button.
- File Name:
style.css
- Description: The CSS file that defines the styling of the web page. It uses custom properties for color theming and includes styles for the header, task input form, task list, and task actions.
- File Name:
main.js
- Description: The JavaScript file that handles the dynamic functionality of the To-Do List. It captures user input, updates the task list array, creates and modifies DOM elements for tasks, and includes event listeners for task editing, deletion, and clear-all functionality.
- Open the
index.html
file in a web browser to launch the To-Do List application. - Enter a task in the input field and click "Add Task" to add it to the list.
- Each task in the list can be edited or deleted using the respective buttons.
- The "Clear All" button removes all tasks from the list.
The application features a dark-themed design with custom colors for a visually appealing user interface. The use of gradients and transitions enhances the overall user experience.
- Implement local storage to persist tasks even after page refresh.
- Add task prioritization and categorization features.
- Enhance responsiveness for a better experience on various devices.
To clone this repository and run the To-Do List web app locally, follow these steps:
-
Open your terminal or command prompt.
-
Navigate to the directory where you want to clone the repository.
-
Run the following command:
git clone https://github.com/saadhussain01306/to-do-list2.git
Visit the To-Do List Web App here.