To-Do List Javascript Web App

To-Do List Javascript Web App

1. A simple, responsive, and feature-rich To-Do List Web Application built with HTML, CSS, and JavaScript.
   Perfect for managing tasks with date, time, and location details, supporting filtering, searching, and task persistence using localStorage.

Key Features

• – Add Tasks with:
  – Task title
  – Date (cannot select past dates)
  – Time
  – Location
  – Task Management:
  – Mark tasks as Done/Pending
  – Delete individual tasks
  – Clear all tasks with confirmation
  – Filters:
  – Show All, Pending, or Done tasks
  – Search Functionality:
  – Real-time search to find tasks by title
  – Task Persistence:
  – Tasks are stored in localStorage so they remain after page reload
  – Responsive Design:
  – Works on desktop and mobile
  – Visual Feedback:
  – Completed tasks show line-through and reduced opacity
  – Task counters for Total, Pending, and Done

Technology Stack

• HTML5 / CSS
• JavaScript

Installation

1. Download the project files (HTML, CSS, JS)
2. Open index.html in your preferred browser
3. Start adding tasks.
4. No database or backend setup required. Fully front-end powered.

Usage

1. Enter a task title in the input box
2. Optionally select a date, time, and location
3. Click Add to create the task
4. Use filters to view All/Pending/Done tasks
5. Click a task to mark as done/pending
6. Click Delete to remove a task
7. Click Clear All to remove all tasks at once

Customization

1. – Styling: Edit the style section in the HTML or link an external CSS file
2. – Icons/Colors: Customize button colors and shadows as desired
3. – Task Sorting: Add sorting logic in JS for date/time or priority