Skip to content

Feat: Add Category Filter Tabs on Home Screen #431

Description

@Katariyajiya

Describe the feature

Motivation

The home screen currently displays all programs in a single list, making it difficult for users to quickly find relevant opportunities.

Suggested Enhancement

Add a horizontally scrollable category filter section below the AppBar.

Suggested categories:

[ All · Stipend · Fellowship · Diversity · Community · Blockchain ]

Behaviour

  • Default category: All
  • Selecting a category filters programs based on the selected type
  • Existing card design and layout remain unchanged
  • Horizontal scrolling support for smaller screens

UI Notes

  • Use TabBar, ChoiceChip, or FilterChip
  • Active tab: primary color background with white text
  • Inactive tabs: outlined style
  • Must align with the existing Material 3 theme

Expected Changes

  • Home screen filter state and UI
  • Local filtering logic
  • If category data is not currently available, a minimal model/database update may be required to include a category field

@andoriyaprashant I would like to work on this feature as part of GSSoC 2026.

I have already explored the current home screen structure and prepared a sample UI preview for this feature. The implementation will be minimal, responsive, and consistent with the existing design system.

Could you please assign this feature enhancement to me?

@andoriyaprashant, if you have any additional category suggestions or preferred naming conventions for the filters, I’d be happy to incorporate them during implementation.

Add ScreenShots

Current Home page

Image

Home page after adding the category feature

The updated homepage UI will remain consistent with the current app theme. The preview below is only for demonstrating the category filter placement and behaviour.

Image

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue
  • I'm a GSSOC'24 contributor

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions