Skip to content

OlhaMy/TO-DO-LIST

Repository files navigation

Bildschirmfoto 2024-10-02 um 11 26 42 #TO-DO LIST Application

This is a simple web-based TO-DO LIST application that helps you manage your daily tasks efficiently. You can add new tasks, edit existing ones, mark them as completed, and delete tasks you no longer need.

Demo

Live Demo

Table of Contents

Features

  • Add Tasks: Easily add new tasks to your list.
  • Edit Tasks: Modify task details as needed.
  • Delete Tasks: Remove tasks that are completed or no longer relevant.
  • Mark as Completed: Check off tasks when they're done.
  • Responsive Design: Optimized for both desktop and mobile devices.
  • Data Persistence: Tasks are saved in local storage, so your list remains even after refreshing the page.

Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Local Storage API

Getting Started

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/olhamy/TO-DO-LIST.git
  2. Navigate to the project directory:

    cd TO-DO-LIST
  3. Open index.html in your web browser:

    • For Windows:

      start index.html
    • For macOS:

      open index.html
    • Or simply drag and drop the index.html file into your browser.

Usage

  1. Adding a Task:

    • Enter your task in the input field.
    • Click the Add button or press Enter to add the task to the list.
  2. Editing a Task:

    • Click on the task text you wish to edit.
    • Modify the text and press Enter to save changes.
  3. Marking a Task as Completed:

    • Click the checkbox next to the task to mark it as completed.
    • Completed tasks may appear crossed out or moved to a different section.
  4. Deleting a Task:

    • Click the Delete button (usually represented by a trash can icon) next to the task you want to remove.

Screenshots

Main Interface

Main Interface

Adding a Task

Adding a Task

(Note: Replace the placeholder images with actual screenshots from the project.)

Contact

  • Author: Olha Mykhailova
  • GitHub: olhamy

License

This project is open-source and available under the MIT License.