[FEATURE] Add Topic-Based Checkboxes for Courses and Similar Sections

[HithaHarish]

🚀 Feature Description

Introduce topic-based checkboxes under Courses (and other similar sections) to allow users to filter and view results that match one or multiple selected topics.

💡 Problem Statement

Currently, courses ( and similar sections ) display all items together without topic-level filtering. Users who are interested in specific topics, search for interested topics one by one. This becomes inefficient and overwhelming as the number of courses grows.

📋 Proposed Solution

Add a checkbox-based topic filter panel under Courses and similar sections.
Each checkbox represents a topic (e.g., AI, Web Development, Blockchain, UI/UX, Data Science).
Allow users to:

1. Select single or multiple topics.
2. View dynamically filtered results based on selected topics.
3. Update results in real time without page reload.

🔄 Alternatives Considered

Dropdown-based topic selection
Tag-based filtering inside individual cards

📸 Mockups/Examples

Similar implementations can be seen on:

1. Course marketplaces
2. E-commerce sites : In amazon, we can check all the brands to view results only of those brands

🏷️ Component

Which part of the application does this affect?

• Frontend (React)
• Backend (Express)
• Python Backend (FastAPI)
• Database
• Documentation
• Other

---

SWOC 2026 Participants: This could be a great contribution opportunity! Add the swoc2026 label if you'd like to work on this.

[akshajtiwari]

Helllo Maintainers
I would like to take up this issue as a part of SWOC 26 @HithaHarish

[HithaHarish]

Hi @akshajtiwari, I raised this issue and I want to work on this. I would appreciate if you consider my request.

[akshajtiwari]

Absolutely @HithaHarish , you can take it

[tarinagarwal]

@HithaHarish hey! you can proceed!

[tarinagarwal]

@akshajtiwari hey! you can take up other issues or raise issues too, ill assign it to you.