Task Timer Todo App

A modern, responsive Todo List application with task timing and tracking features. Built with vanilla JavaScript, this application allows users to manage tasks, set due dates, and track completion times.

Features

• ✨ Add, edit, and delete tasks
• ⏰ Set due dates and times for tasks
• 📊 Track time taken to complete tasks
• 🔍 Filter tasks by:
  • All tasks
  • Pending tasks
  • Completed tasks
  • Overdue tasks
  • Tasks due today
• 🌓 Dark/Light theme toggle
• 📱 Fully responsive design
• 💾 Local storage persistence
• ⏲️ Time tracking features:
  • Shows remaining time for pending tasks
  • Shows time taken for completed tasks
  • Highlights overdue tasks

Live Demo

View Live Demo

Screenshots

(Add screenshots of your application here)

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• Local Storage API
• Font Awesome Icons

Setup

1. Clone the repository:

   git clone https://github.com/YOUR_GITHUB_USERNAME/task-timer-todo.git

2. Navigate to the project directory:

   cd task-timer-todo

3. Open index.html in your browser or use a local server:

   # Using Python 3
   python -m http.server 8000
   
   # Using Node.js
   npx http-server

Usage

1. Adding a Task

   • Type your task in the input field
   • Set a due date/time (optional)
   • Click "Add" or press Enter

2. Managing Tasks

   • Click the checkbox to mark a task as complete
   • Use the edit button to modify a task
   • Use the delete button to remove a task

3. Filtering Tasks

   • Use the filter buttons to view different task categories
   • Tasks are automatically sorted by due date

4. Theme Toggle

   • Click the moon/sun icon to switch between dark and light themes

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Font Awesome for the icons
• Contributors and users of the project