[Feature]: Filter Task Board by Subject

[Payal-mak]

Problem Statement

The task board currently shows all tasks together, sorted into "Due Soon", "This Week", and "Completed". When a
student has tasks across 5+ subjects, there's no way to focus on just one subject (e.g., "show me only my
Mathematics tasks").

The calendar already filters by date — the task board should have equivalent filtering by subject.

Proposed Solution

Add a subject filter dropdown/chip bar above the task board that:

• Shows all unique subjects from the current task list
• Filters tasks in real-time when a subject is selected
• Shows an "All" option to reset the filter
• Works alongside the existing date filter from the calendar

All subject data is already stored in SQLite and available via the existing API — this is a frontend-only change.

Files to Modify

• js/app.js — add filter logic + subject chip rendering
• index.html — add filter bar to task board section
• css/index.css — style filter chips

Tech Stack

Vanilla JavaScript, CSS

Difficulty: Medium

I would like to work on this under GSSoC'26.

[ArchiGajera]

I would like to work on this under GSSoC'26.please assign me

[nehatyagi17]

Hi @Payal-mak,

I am a GSSoC'26 participant and would like to work on this issue.

Could you please assign it to me?

Thank you!

[snehxa27]

Hi @Payal-mak,

I would like to work on this issue under GSSoC 2026.

I have experience with JavaScript, DOM manipulation, dynamic filtering systems, and responsive UI development. After reviewing the issue, I understand that the goal is to help users focus on tasks from a specific subject without affecting the existing task grouping and calendar functionality.

My proposed approach:

• Create a subject filter bar above the task board.
• Dynamically extract unique subjects from the current task dataset.
• Add an "All Subjects" option to reset filtering.
• Implement real-time filtering without requiring page refreshes.
• Ensure compatibility with the existing date-based filtering logic.
• Style the filter controls using reusable and responsive CSS components.
• Preserve existing task categories such as "Due Soon", "This Week", and "Completed" while applying the selected subject filter.

I will also ensure the implementation remains lightweight, maintainable, and consistent with the current UI design.

Thank you for your consideration!