🔍 Feature: Add Search Functionality to Find Subjects and Topics

[savniagrawal1701]

🔍 Feature Request: Add Search Functionality to Find Subjects and Topics

Current Behavior

Users have to manually scroll through all 7 semesters (Sem 1 to Sem 8) to find a specific subject or topic. With 40+ subjects listed, this is time-consuming and frustrating especially on mobile.

Expected Behavior

A search bar should be available that filters subjects in real time as the user types, making it instant to find any subject across all semesters.

Proposed Solution

1. Search Bar Below Hero Section
Add a prominent search input above the subjects grid:

🔍 Search subjects... (e.g. Machine Learning, OS, Java)

2. Real-time Filtering

• As user types, hide non-matching subjects instantly
• Show matching subjects with the search term highlighted
• Show which semester the result belongs to

3. No Results State
If nothing matches:

No subjects found for "xyz"
Request this course on GitHub →

4. Search Scope

• Search by subject name
• Search by semester (e.g. "sem3" shows all Sem 3 subjects)
• Search by keyword (e.g. "python" shows Python-related subjects)

5. Clear Button
Show an X button inside search to clear and reset results

Why This Matters

• 40+ subjects across 8 semesters is hard to navigate manually
• Search is a standard feature on all documentation sites
• Significantly improves discoverability especially on mobile
• Students often know the subject name but not which semester it belongs to

Tech Involved

• JavaScript/React (filter logic)
• HTML (search input element)
• CSS/Tailwind (search bar styling)

---

I am a GSSoC '26 contributor and would love to work on this issue. Please assign it to me! 🙏