GitHub Repository Viewer

Browse and Sort the GitHub Repos using the API in mobile app.

🤩See the Demo🤩

Table of Contents

1. Problem Statement
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. License
5. Contact
6. Acknowledgments

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

Getting Started

Prerequisites

Please get your GitHub API Persnal Access Token and use it is requests by replacing it with <YOUR_AUTH_TOKEN> in the request headers. Please install node@LTS

• update npm to latest versiob

  npm install npm@latest -g

Installation

Follow the below steps to install & run the project in you enviroment.

1. Clone the repo

   git clone https://github.com/SiddheshKukade/repo-search-github.git

2. Install NPM packages & dependancies

   npm install

3. For Android Virtual Device (Start Android Emulator before running this command)

   npm start android

4. 3. For iOS Simulator Device (Start iOS Simulator before running this command)

   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

Search Screen:

Sort Options:

Results Screen:

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Siddhesh Bhupendra Kukade - contact@siddheshkukade.com

Project Link: https://github.com/SiddheshKukade/repo-search-github/

Acknowledgments

Links to resources used in this project.

• React-Native
• React Native Paper UI