A React search application using Github's repository search API

React Repository Search

A repository search application using Github's repository search API that displays results based on search terms. The results list can be filtered by languages and sorted by best match, stars, and forks.

View Demo View Github

Setup

To run this project, install it locally using npm:

$ npm install
$ npm start

Tests

To perform jest tests, run locally using npm:

$ npm test

Technologies

Project is created with:

React
Javascript

Design

A simple 3 page design that consists of a landing page, search results, and detailed page. The UI is kept clean with a simple color scheme. Number of results are displayed and adjusted based on sort and filtering. The responsive template supports two viewports:

Desktop: Side Filter for Languages and Dropdown for Sort
Mobile/Tablet: Dropdowns for Languages and Sort

Components

Dropdown
Error
Filters
Landing
RepoDetails
Search
SearchBar
SearchResults

Resources

Favicon: https://favicon.io/emoji-favicons/face-with-monocle
React Icons: https://react-icons.github.io/react-icons/
Styled Components:

Screenshots

Desktop

Mobile