Skip to content

q3e/react-native-github-graphql-app

Repository files navigation

How it works

  1. Search for any keyword
  2. App returns the results of all github repos with the search keyword
  3. You can select to view repo owners from the search results
  4. Some of these repo owners are Organization or User user types
  5. You can also view contributors to each each repo from the search result(WIP because v4 API has no contributors edge)

Stack

  • ReactNative using create-react-native-app cli
  • Github GraphQL API v4 (apollo-client & react-apollo)
  • React navigation for routing

How to run

  • clone this repo
  • rename the file config.sample.js to config.js
  • obtain your github access token from here
  • insert you access token into your config.js file (app wont run without a valid access token)
  • yarn to install all npm packages
  • yarn start to run
  • install the expo android app to test your app
  • follow instructions on your console when you ran yarn start
  • you should be able to view and test your app. Enjoy the seemless hot reloading in react-native

Views

Home page

Home Page

loading screen

Fetching

loading error

Error Fetching

Repos Search Results

Error Fetching

Github username types

Organization-user profile

Organization Profile

User-user profile

User Profile

About

React Native App that searches github projects and their contributors[WIP]

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published