Task Manager Web Application

A modern, accessible, and responsive web application for managing your daily tasks. Add, delete, complete, and filter your tasks with a beautiful UI and dark mode support.

Features

• Add Tasks: Quickly add new tasks with input validation.
• Delete Tasks: Remove tasks you no longer need.
• Mark as Completed: Toggle tasks as completed or pending.
• Filter Tasks: View all, only completed, or only pending tasks.
• Dark Mode: Toggle between light and dark themes. Preference is saved.
• Responsive Design: Works great on desktop and mobile devices.
• Accessible: Semantic HTML, ARIA attributes, and keyboard navigation.
• Persistent: Tasks are saved in your browser's localStorage.

Getting Started

1. Clone or Download this repository to your local machine.
2. Open index.html in your web browser.

• You can also visit: https://atask-manager.netlify.app/

No build tools or server required—everything runs in your browser!

Project Structure

Task Manager/
├── index.html           # Main HTML file
├── css/
│   ├── styles.css       # Main styles (including dark mode)
│   └── filters.css      # Filter button styles
├── js/
│   └── app.js           # Application logic
└── README.md            # Project documentation

Accessibility & Best Practices

• Uses semantic HTML5 elements and ARIA attributes.
• Fully keyboard accessible.
• Responsive and visually clear in both light and dark modes.

Customization

• You can easily adjust colors and styles in the CSS files.
• Extend functionality by editing js/app.js.

License

This project is open source and free to use for any purpose.