A simple and interactive Task Tracker Application built using HTML, CSS, and vanilla JavaScript. This project allows users to manage their daily tasks efficiently by adding, categorizing, filtering, completing, and removing tasks.
- Input a task name using a text box.
- Select a category (e.g., Work, Personal, or Urgent).
- Click the Add button to add the task to the list.
- View all tasks in a well-structured list format.
- Filter tasks by category using a dropdown menu (e.g., Work, Personal, Urgent).
- Mark tasks as completed using a checkbox or button.
- Completed tasks appear visually distinct (e.g., strikethrough text).
- Each task includes a Remove button to delete it from the list.
- A Clear All button resets the entire task list and removes all tasks.
- HTML for structure
- CSS for styling
- JavaScript for interactivity and core logic
- Adding tasks with category selection
- Filtering tasks based on category
- Marking tasks as completed
- Removing individual tasks
- Clearing all tasks
π Task-Tracker-App βββ index.html βββ styles.css βββ script.js