Himanshu3412 / To-Do-List

Manage your tasks efficiently with our intuitive To-Do List web application. Add, edit, and organize tasks with ease, complete with due dates and status tracking.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

To-Do-List

This is a simple To-Do List web application built with HTML, CSS, and JavaScript. It allows users to add, edit, mark as completed, and delete tasks. The application also provides the functionality to filter tasks based on their completion status.

Features

  • Add tasks with due dates
  • Edit existing tasks
  • Mark tasks as completed
  • Delete individual tasks or clear all tasks at once
  • Filter tasks based on their completion status (All, Pending, Completed)

Technologies Used

  • HTML
  • CSS (Tailwind CSS for styling)
  • JavaScript

How to Use

  1. Clone the repository to your local machine.
  2. Open index.html in your web browser.
  3. Add tasks using the input field and due date picker.
  4. Edit tasks by clicking on the edit button.
  5. Mark tasks as completed by clicking on the check button.
  6. Delete tasks using the trash button or clear all tasks using the "Delete All" button.

Preview

Screenshot 2024-04-14 132027 Screenshot 2024-04-14 132139 Screenshot 2024-04-14 132200 Screenshot 2024-04-14 132301 Screenshot 2024-04-14 132218

About

Manage your tasks efficiently with our intuitive To-Do List web application. Add, edit, and organize tasks with ease, complete with due dates and status tracking.


Languages

Language:JavaScript 63.2%Language:CSS 20.5%Language:HTML 16.3%