React Repository Search
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.
A repository search application usingTable of contents
Demo
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