A simple, interactive Todo List web application that allows users to add, complete, and delete tasks. The application features persistent storage using localStorage, smooth animations, and a clean user interface.

Features Add new tasks by typing and clicking "Add" or pressing Enter

Mark tasks as complete with checkboxes

Delete tasks with the delete button

Persistent storage - tasks are saved between sessions using localStorage

Responsive design that works on different screen sizes

Animations for adding and removing tasks

Motivational quote display that changes periodically

Visual feedback for completed tasks (line-through and grayed out)

Technologies Used HTML5

CSS3 (with animations and transitions)

JavaScript (ES6)

localStorage for data persistence

Installation No installation required! Simply open the index.html file in any modern web browser.

Usage Type your task in the input field

Press the "Add" button or hit Enter to add the task

Click the checkbox to mark a task as complete

Click the "Delete" button to remove a task File Structure todo-list/ ├── index.html # Main HTML file ├── styles.css # CSS stylesheet ├── script.js # JavaScript functionality └── icons8-to-do-list.gif # Animated GIF for the header Customization You can easily customize:

Colors by modifying the CSS variables

Animations by adjusting the @keyframes properties

Motivational quotes by editing the JavaScript code

Browser Support The application should work in all modern browsers including:

Chrome Firefox Safari Edge

Future Improvements Add due dates for tasks

Implement task categories or tags

Add drag-and-drop reordering

Include more motivational quotes

Add user accounts for cloud sync