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.
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 | ||
License
MIT © Hemesh Patel