/react-github-finduser

React-Github APIs-Finduser

Primary LanguageJavaScript

GIT User finder repositories

Required create an OAuth App

https://developer.github.com/apps/building-oauth-apps/creating-an-oauth-app/

after that Editing your clientID: '8a91cd834c4ea7e246cd' inside the github.service.js

Deployed URL ( AWS Amplify )

This will be automation deploy if have any change on master branch on github

Install Library

1. npm install
2. npm start
3. if you wanna hosted by userseft, 
you can edit some information inside the github.service.js file

Uses case

  • Login by GitHub oAuth, after login, you wil be reditect to Search Page, and if you click Login again, it's means Logout and clear your current Token
  • Display User Information
  • CI/CD by AWS Amplify ( Auto deploy if have any change from master branch )
  • Seach GitRepo by Username
  • Responsive for Mobile
  • Regex for input based on Github regex
  • Loader when calling APIs
  • Apply GraphQL API v4, exchange the code from Github => token by seft-hosted from Heroku Cloud Service
  • Route Guard ( required login for search )
  • Fetch More features ( max show up 5 repositories for each fetch )
  • Status of README.md file ( exist or not ). If not, you can not click to show up the readme file description popup.
  • Test Coverage

Screenshoot

● Homepage

  • Using your github account for getting the code and the token will be exchanged by my herokuapp for handshake with github.

Alt text

● Search Page

  • You can allow to input the username and press Enter, regex error message will be show up if you try to enter the special characters.

Alt text

  • Fetch more feature ( if the results > 5 )

Alt text

  • Readme Reader Popup

Alt text

  • GitHub config ( you can change inside the github.service.js based on your own setting )

Alt text

  • AWS Amplify Console

Alt text

Ref