Skip to content

Latest commit

 

History

History
45 lines (26 loc) · 2.03 KB

README.md

File metadata and controls

45 lines (26 loc) · 2.03 KB

To-Do List Project

Final Result

This is a simple web-based to-do list application that allows you to manage your tasks. It is built using HTML, CSS, and JavaScript and includes the following functionalities:

  1. Add Tasks:

    • You can add tasks to your to-do list by typing the task description in the input field and pressing the "Add" button or by pressing the "Enter" key on your keyboard.
  2. Mark Tasks as Completed:

    • To mark a task as completed, simply click on the task. A checked mark will appear and the task will be visually crossed out to indicate that it is done.
  3. Delete Tasks:

    • If you want to remove a task from the list, click the cross button next to the task. The task will be permanently removed from your to-do list.
  4. Data Persistence:

    • Your to-do list data is saved in the browser's local storage. This means that even if you reload the page, close and reopen it, or come back later, your tasks will still be there.

Responsive Design

This project is designed to work seamlessly on both desktop and mobile devices. The responsive design ensures that the user experience is consistent, no matter what device you are using.

Getting Started

To run this project locally, follow these steps:

  1. Clone the repository to your local machine:

  2. Open the project folder in your code editor.

  3. Launch the todo.html file in your web browser to start using the to-do list.

Folder Structure

The project structure is organized as follows:

  • todo.html - The main HTML file that contains the structure of the to-do list.

  • style.css - The CSS file for styling the to-do list.

  • script.js - The JavaScript file containing the logic and functionalities of the to-do list.

Acknowledgments

  • This project was created as a simple example of a to-do list application using web technologies.
  • Special thanks to the open-source community for providing helpful resources and libraries.