[Feature]: Add difficulty dropdown filter in projects section

[Dev1822]

[ISSUE FORM] Pre-Submission Checks

• I have searched the existing issues and confirmed this request has not been raised already.
• I am willing to work on this issue if needed.

[ISSUE FORM] Contribution Program

GSSoC 2026

[ISSUE FORM] Difficulty Level

Beginner

[ISSUE FORM] Problem Description

Currently, the projects section lists all projects together, which can make it challenging for users to find projects that match their specific skill level. There is no way to filter projects specifically by their assigned difficulty.

[ISSUE FORM] Expected Solution

Add a dropdown filter in the projects section that allows users to filter projects by difficulty. The dropdown should include the following options:

• All
• Beginner
• Intermediate
• Advanced
  When an option is selected, the project grid should immediately update to display only the projects that match the chosen difficulty level.

[ISSUE FORM] Alternatives Considered

We could use multiple checkbox filters or a side panel, but a dropdown menu is cleaner, takes up less screen space, and aligns well with standard filter UI patterns.

[ISSUE FORM] Mockups, Screenshots, or References

No response

[ISSUE FORM] Additional Context

The difficulty metadata is already present in the project entries (config/project-Item.tsx). This feature would primarily involve adding the dropdown UI element and updating the filtering logic in the project display component (e.g., components/project/project-grid.tsx or similar).

[pranjal2876]

/assign
i would like to work on this issue

[SuraviGhosh45]

i would like to work on this. assign to me

[Rishitajain11]

Hi, I'd like to work on this issue under GSSoC 2026. Please assign it to me.