Repohub

There are many great repositories templates available on GitHub, however, I didn't find one good search platform to search through the repositories by many filters. I created a search app in React through which you can filter and sort on repositories to find any public repository. So before starting your project you can look for repositories on similar ideas through keyword search and topics search and sort them by stars to get the most popular repository. You can also look for the specific language implementation of the idea. This is more beneficial as it also allows you to bookmark repositories you find useful and aggregates them into bookmarks view as cards.

Usability:

  • The site visitors don't get an error when trying to search, filter or sort repositories or load the site.
  • There are no dead or broken links on the site.
  • The site can handle different screen sizes and slow connections.
  • The cards section has the ring spinner when the API has not fetched results, to make sure the users are engaged.

Learnability:

  • The site was developed keeping simplicity in mind to avoid distracting the users.
  • The site is developed using the known patterns of having filters in sidebars seperate from cards to make learnability easier.
  • There is consistency in the format of the cards and the colors of the entire website.
  • The form controls in sidebar have the topics and language in the same format as they are in cards.
  • The search on keyword is instant and provides immediate feedback to the user.
  • The cards have information in good hierarchy and architecture.

Memorability:

  • The site visitors can recognize the cards in bookmarks from the cards on filter.
  • The bookmark symbol matches the bookmarks on books.
  • The site uses familiar words like stars, topics, etc as used in Github.
  • The form allows to reset all filters to null, providing user control over things.

Efficiency:

  • The site does an async call to the API and thus we can achieve instant keyword search.
  • The site allows to bookmark repositories, providing personalization.
  • The users can also customize the content in cards section based on the filters in the sidebar.
  • The repositories are listed as cards to show information in a concise and understandable manner.