Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/costingh/react-github-finder

This is a web app built to make the search for users on GitHub more intuitive, by displaying statistics in an organized way, using diagrams and piecharts.
https://github.com/costingh/react-github-finder

auth0 github react

Last synced: 22 days ago
JSON representation

This is a web app built to make the search for users on GitHub more intuitive, by displaying statistics in an organized way, using diagrams and piecharts.

Awesome Lists containing this project

README

        

# React-github-finder

A web app written using react, that make the github searching for a user, more interactive, using Fushion Charts. It uses authentication (provided by Auth0) with email or social (google, facebook, github).

# [See live demo](https://github-user-finder-reactapp.netlify.app/)

## Gihthub API

- [Root Endpoint](https://api.github.com)
- [Get User](https://api.github.com/users/wesbos)
- [Repos](https://api.github.com/users/john-smilga/repos?per_page=100)
- [Followers](https://api.github.com/users/john-smilga/followers)
- [Rate Limit](https://api.github.com/rate_limit)

For unauthenticated requests, the rate limit allows for up to 60 requests per hour. Unauthenticated requests are associated with the originating IP address, and not the user making requests.

## Fusion Charts

- [Fusion Charts - Main Docs](https://www.fusioncharts.com/)
- [First React Chart](https://www.fusioncharts.com/dev/getting-started/react/your-first-chart-using-react)
- [List Of Charts](https://www.fusioncharts.com/dev/chart-guide/list-of-charts)
- [Themes](https://www.fusioncharts.com/dev/themes/introduction-to-themes)

## Auth0

- [Auth0 - Main Docs](https://auth0.com/)

- Create Application
- Choose : Single Page Web Applications
- Choose : React
- Go to Settings Tab
- Copy/Paste Domain, ClientID
- Add Domain -
for now http://localhost:3000 (DON'T COPY PASTE FROM URL BAR)

- Allowed Callback URLs
- Allowed Logout URLs
- Allowed Web Origins

- Connections
email,social (google, facebook, github)

- [React SDK Docs](https://auth0.com/docs/libraries/auth0-react)
- [REACT SDK API Docs](https://auth0.github.io/auth0-react/)

## Additional info

[Styled-Components - Main Docs](https://styled-components.com/)
[React Icons - Main Docs](https://react-icons.github.io/react-icons/)
[react-router-dom - Main Docs](https://reactrouter.com/web/guides/quick-start)

## Deployment

[Netlify](https://www.netlify.com/)

#### Warnings and create-react-app

package.json

```js
"build": "CI= react-scripts build",
```

[create-react-app Warning Fix Blog Post](https://community.netlify.com/t/how-to-fix-build-failures-with-create-react-app-in-production/17752)