Simple Todo List Application

A clean and modern todo list web application that helps you manage your tasks and deadlines effectively.

Features

• Add new tasks with deadlines
• Track remaining time for each task
• Mark tasks as complete
• Modern, responsive user interface
• Clean and intuitive design

Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)

Project Structure

todo-list/
├── index.html
├── styles.css
├── main.js
└── README.md

Installation

1. Clone this repository or download the files
2. No additional installation required - this is a pure HTML/CSS/JavaScript application

Usage

1. Open index.html in your web browser
2. Add new tasks:
   • Enter the task name in the first input field
   • Select a deadline using the date picker
   • Click "Add new task" to create the task
3. Mark tasks as complete by clicking the "Completed" button next to each task

Features Breakdown

Task Creation

• Enter task name
• Set deadline using a date picker
• Automatic calculation of remaining days

Task Management

• View all tasks in a clean table format
• See task deadlines
• Track remaining time for each task
• Mark tasks as complete

User Interface

• Responsive design works on both desktop and mobile
• Clean, modern styling
• Intuitive layout and interaction
• Clear visual hierarchy

Customization

You can customize the appearance by modifying the styles.css file:

• Color scheme: Update the CSS variables in the :root selector
• Layout: Modify the width and padding values
• Typography: Change the font-family and size values

Browser Support

This application works in all modern browsers:

• Chrome
• Firefox
• Safari
• Edge

Contributing

Feel free to fork this project and submit pull requests for any improvements.

Future Enhancements

Potential features that could be added:

• Task categories/tags
• Priority levels
• Task editing
• Local storage for persistence
• Task sorting and filtering
• Due date notifications
• Dark mode toggle

License

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

Author

Larry

Acknowledgments

• Built with modern web development best practices
• Inspired by minimalist design principles