feat: Add task search bar for real-time task filtering.

[Rohith0750]

Related Issue

Closes #988

Summary

This pull request adds a real-time task search bar next to the label-filter dropdown in the main dashboard. Students can now filter their active or archived tasks by typing keywords that match task titles or notes.

Changes Made

• Added a styled text input element #task-search in index.html, positioned inline with the existing top-bar controls.
• Added searchQuery state and a text input listener in js/app.js to handle real-time search input.
• Updated the renderTasks() function in js/app.js to dynamically filter tasks based on the current search query.
• Search is case-insensitive and matches both task titles and task notes.
• Ensured search functionality works alongside existing label/tag filtering.

Testing

• Tested locally by running the application with npm start.
• Verified that typing keywords filters tasks instantly without requiring a page refresh.
• Confirmed that search works correctly with subject filters and tag labels.
• Ran the automated test suite using npm test.
• All tests passed successfully (5/5).

Screenshots

Before

After

[Copilot]

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Adds a task search input that filters tasks by title or notes alongside the existing label filter.

Changes:

• Introduces a searchQuery state variable and input handler that re-renders tasks on change.
• Updates renderTasks to apply the search filter in combination with the label filter.
• Adds a search <input> element in the topbar and adjusts the label-filter styling for layout.

Reviewed changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 2 comments.

File	Description
js/app.js	Adds search query state, input listener, and search filtering logic in renderTasks.
index.html	Adds the search input field and shifts margin styling on the label filter.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Rohith0750]

Hi @Charushi06,

I have completed the implementation and submitted a PR for this issue.

PR: #988

Looking forward to your review. Thank you!