amirhosseinnouri / github-analyzer

Search your Github username and get interesting results about your repositories and projects.

Github Analyzer

Search your Github username and get interesting results about your repositories and projects.

I used React and React Hook for this project.

This project is a practice for React Tutorial and Projects Course.

Check out the final result here (you should probably use a VPN).

Gihthub API

I used Github API to get data.

• Root Endpoint
• Get User
• Repos
• Followers
• 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.

Styled Components

Instead of putting all CSS in a single CSS file, I used styled-components which is an awesome library to style components within them. Styled-Components - Main Docs

React Icons

React Icons - Main Docs

React Router Dom

React-Router-Dom is also involved in this project to route between pages.

• react-router-dom - Main Docs

Fusion Charts

I used FusionChart library which is one of the best Chart library and it's really easy to work with.

• Fusion Charts - Main Docs
• First React Chart
• List Of Charts
• Themes

Auth0

I used Auth0 to handle the identity and login/logout process.

• Auth0 - Main Docs
• React SDK Docs
• REACT SDK API Docs

Deployment

Netlify

TODO

• Get a follower data by clicking on follower panel.
• Fix input width on small devices