Improve the "Sort By" and "Tag" Options in Frontend

[hehao98]

• In the current frontend of GFI-Bot, all repositories are sorted by the order in MongoDB database by default. This does not make sense to end users. It may be better to default the order to "Popularity" and remove the "None" option, as newcomers are likelier to try out popular repositories than the least popular ones.

• The name of the options should be more specific and self-explanatory. My suggestions:

  • Popularity => Number of Stars
  • GFI => Number of Good First Issues
  • Newcomer Friendliness => can't understand, change it to the specific sorting metric used
  • Tags => Programming Languages

• These sorting and filtering options should be made more visible to end users, with a visual layout like:

Users can choose one option from all options in the "Sort By" line, and add or remove filtering conditions in the two "Filter by" lines. The second line is to filter by GitHub tags. Each of the options in the Sort By line should have a tooltip text explaining its meanings.

[hehao98]

The filter by programming languages panel on the right top can be moved here and modified to allow multiple choices.

[hrz6976]

Clarified sort options: