A single-page mobile friendly app built with React using Github API. Wrote config files for Webpack and Babel from scratch, and set up the React app with proper testing and tooling without the use of Create-React-App.
In this app, you can discover the most popular repos for a variety of languages on GitHub in a fun/gamified experience as well as battle between two Github users to see who has a better profile.
- Check the top 30 popular repos for different languages, including JavaScript, Ruby, Java, CSS and Python.
- Click any GitHub username to visit this user's profile.
- Choose two GitHub users to battle and see who has the better profile. The score is calculated based on the combination of both the numbers of the profile's followers and stars. The weight of followers vs stars is 3:1.
- Toggle between light and dark theme.
- Implemented custom tooltips to help users understand the information presented on each card.
- Install dependencies:
npm install- Get your API key from GitHub REST API
- Create a file named as
config.js
module.exports = {
api_token: 'YOUR_KEY_HERE'
}
- Run webpack in development with:
npm run start- Open the project in your web browser http://localhost:8080/