Skip to content

[Good First Issue]: Display 'License' filter dropdown in the web directory header #30

Closed

Description

@divyanshujethi

Task Summary

Add an optional dropdown filter in the filter bar to filter tools specifically by license (e.g. MIT, Apache-2.0, GPL-3.0, BSD-3-Clause).

Difficulty Level

🟡 Intermediate (JavaScript/TypeScript, CSS/Tailwind, or Node.js scripts)

Context & Background

Enterprise engineers and commercial developers often need to filter tools strictly by permissive licenses (MIT / Apache-2.0). Adding a license filter pill or select dropdown makes DevShelf corporate-friendly.

Suggested Steps to Complete

  1. Review site/app.js and site/index.html.
  2. Extract all unique licenses from allResources dynamically during boot().
  3. Add a license filter tag group or dropdown select.
  4. Filter matching resources in the render() function.

Relevant Files / Pointers

site/app.js, site/index.html

Mentorship & Support

  • Maintainers will review this PR within 24-48 hours and provide constructive feedback.
  • Upon merge, the contributor will receive a shoutout on social channels and be featured in README!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions