Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/siddheshkukade/repo-search-github
A React Native cross platform Mobile app to search different of github & sorting them by stars,etc.
https://github.com/siddheshkukade/repo-search-github
github-api icons pagination react-native
Last synced: about 18 hours ago
JSON representation
A React Native cross platform Mobile app to search different of github & sorting them by stars,etc.
- Host: GitHub
- URL: https://github.com/siddheshkukade/repo-search-github
- Owner: SiddheshKukade
- Created: 2022-12-16T18:41:09.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2022-12-17T12:28:07.000Z (almost 2 years ago)
- Last Synced: 2024-05-01T17:26:09.106Z (6 months ago)
- Topics: github-api, icons, pagination, react-native
- Language: JavaScript
- Homepage: https://github.com/SiddheshKukade/repo-search-github
- Size: 323 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
GitHub Repository Viewer
Browse and Sort the GitHub Repos using the API in mobile app.
🤩See the Demo🤩
Table of Contents
## Problem Statement
- Github provides APIs to access public repos. Link: https://developer.github.com/v3/search/
- Using these APIs you have to complete the following tasks in react native:
Create a search field, which queries on public repos.
Fetch the data of the repos and create a card for each.
- Following are the details, the card needs to have:
Avatar, Repo name, Stars, Description, language
A Sort field with the following options- Stars, watchers count, score, name,created_at, updated_at.
### Built With
* [React-Native](https://reactnative.dev)
## Getting Started
### Prerequisites
Please get your GitHub API Persnal Access Token and use it is requests by replacing it with `` in the request headers.
Please install [node@LTS](https://nodejs.org/en/)
* update npm to latest versiob
```sh
npm install npm@latest -g
```
### Installation
Follow the below steps to install & run the project in you enviroment.
1. Clone the repo
```sh
git clone https://github.com/SiddheshKukade/repo-search-github.git
```
2. Install NPM packages & dependancies
```sh
npm install
```
3. For Android Virtual Device (Start Android Emulator before running this command)
```sh
npm start android
```
4. 3. For iOS Simulator Device (Start iOS Simulator before running this command)
```sh
npm start ios
```
## Usage & Demo
### Video Demo: [Please Unmute the video if muted 🔉 ]
#### _Please use this link if video is not supported : https://www.youtube.com/watch?v=lPgjKB5912o_
[GitHub Search App Demo By SiddheshKukade.webm](https://user-images.githubusercontent.com/65951872/208241541-aae5553a-36a3-4176-8912-f2c2d76fa5c2.webm)
### Search Screen:
### Sort Options:
## Results Screen:
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
[Siddhesh Bhupendra Kukade](https://siddheshkukade.com/) - [email protected]
Project Link: [https://github.com/SiddheshKukade/repo-search-github/](https://github.com/SiddheshKukade/repo-search-github/)
## Acknowledgments
Links to resources used in this project.
* [React-Native](https://reactnative.dev)
* [React Native Paper UI ](https://reactnativepaper.com/)