A modern, responsive Productivity Dashboard web app to manage your daily tasks, track progress, and prioritize work. Built with HTML, CSS, and JavaScript, this app supports task creation, editing, filtering, and dark mode for a seamless user experience.
- Add, Edit, Delete Tasks: Quickly manage tasks with details like title, due date, priority, and notes.
- Task Filtering: View tasks by All, Pending, or Completed status.
- Dashboard Stats: Track Total, Completed, and Pending tasks.
- Progress Bar: Visual indicator of task completion percentage.
- Today’s Tasks: Prioritized list of tasks due today.
- Priority Levels: Tasks can be tagged as High, Medium, or Low priority.
- Dark Mode: Toggle between light and dark themes, saved across sessions.
- Responsive Design: Works smoothly on desktop and mobile screens.
- Local Storage: Tasks are saved locally in the browser, so your data persists.
- HTML5 – Structure of the app.
- CSS3 – Styling, layout, and responsive design.
- JavaScript (Vanilla) – Functionality, task management, local storage, and theme toggle.
productivity-dashboard/
│
├── index.html # Main HTML file
├── style.css # CSS for layout, dashboard, and dark mode
├── script.js # JavaScript for tasks, dashboard, and local storage
├── README.md # Project documentation
└── screenshot.png # Optional: Screenshot of the app