[Feature Request] Allow multi-select filters in OSS Projects search (Tech Stack, Popularity, etc.)

[AegisX-dev]

Description

Currently, the filters in the OSS Projects section only allow single selection (radio buttons).
This is limiting because users often want to search for projects that match multiple criteria.

Example: I want to find projects using both JavaScript AND TypeScript, but I can only select one at a time.

Current Behavior

• Filters use RadioGroup components (single-select)
• User can only pick ONE option per filter category
• Filter state stores single string values

Expected Behavior

• Filters should use checkboxes (multi-select)
• User can select multiple options per category (e.g., JavaScript + TypeScript)
• Filter state should support string[] arrays

Affected Filters

• Tech stack
• Popularity
• Competition
• Stage
• Activity

Technical Notes

The current implementation is in:

• apps/web/src/components/ui/Filter.tsx - Uses RadioGroup instead of Checkbox
• apps/web/src/types/filter.ts - UserInputFilterProps uses string instead of string[]
• apps/web/src/utils/converter.ts - Query builder would need to handle arrays

Screenshots

Suggested Implementation Approach

1. Replace RadioGroup with Checkbox components
2. Update filter types from string to string[]
3. Modify the GitHub query builder to use OR logic for multiple selections

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Similar Issues

Possible Duplicates

• feat: Enable multiple tech stack selection in filters #181

Related Issues

• Tech Stack Filter Limiting to Single Selection (Radio Button) – Should Be Checkboxes #94
• [BUG] On website the Filter section does not work for Competition Properly #148
• [FEATURE] allow users to save filtered repos (like a bookmark) #219
• [BUG] Filter's properly not working in OSS Project sidebar sheet #184

👤 Suggested Assignees

• BARNALIXD
• eeshm
• Parveen-Birthaliya
• kaizakin
• Mohan1203

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[AegisX-dev]

Hey @apsinghdev! 👋

I'd love to work on this issue myself. I've already explored the codebase and have a good understanding of what changes would be needed:

Summary of changes:

1. Replace RadioGroup with Checkbox components in Filter.tsx
2. Update UserInputFilterProps types from string to string[]
3. Modify the query converter logic in converter.ts to handle arrays with OR logic
4. Update the filter store to manage multi-select state

I'm familiar with Next.js, TypeScript, and component libraries, so I'm confident I can deliver a clean implementation.

Could you please assign this issue to me? Looking forward to contributing! 🚀