React SPA to view popular Github repositories and compare users, based on the React Fundamentals course from https://tylermcginnis.com
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
.firebaserc
.gitignore
README.md
_redirects
firebase.json
package.json
webpack.config.js
yarn.lock

README.md

Github Battle project from the React Fundamentals course at reacttraining.com

Some of the concepts applied are:

  • React Components
  • PropTypes
  • React Router
  • Github API integration
  • AJAX calls with axios
  • JavaScript Promises
  • Webpack configuration
  • NPM scripts to deploy to production using firebase
  • ES6/7 features like arrow functions, async/await, object destructuring

You can find the live version here

You can view the popular repositories from github and filter them by technology like Ruby, CSS, Java, etc.

Image of the repo list screenshot

Battle

Enter two valid Github usernames

Image of the user selection screenshot

Click the battle button and see who is the winner based on the number of followers and repositories of each user.

Image of the battle results screenshot

Installation

Install all the dependencies.

$ cd github-battle
$ npm install

Try it on your local environment, execute the following command and wait for webpack to finish and go to http://localhost:8080/

$ npm run start

Build for production with:

$ npm run build

You can deploy it to firebase, first need to login with the firebase CLI and init the project, then just run the deploy command

$ npm run firebase-init
$ npm run deploy