anmolahuja03/gitgram-github-explorer

Summarize your GitHub Profile in an artistic way! Made using React Hooks, Fusion Charts, Styled Components.

gitgram

Table of Content

• Description & Features
• Tech Stack Used & Docs
• Preview
• Local Setup

Descripton

Gitgram is a web app which allows the visitors to search github users and displays all the useful information about the user. Some of the functionalities of gitgram includes :

• The general information of the user - Headline, Location and Company.
• List of all the followers with their github links and user's github avatar.
• Search bar to search for any github user.
• Total no of repos, total followers, following and gists.
• Creates different types of beautiful charts to visualize
  • Most used language
  • Most forked repository
  • Most popular language
• In case the user does not exists, it displays the error message.

Deployed Link : https://anmol-gitgram.netlify.app/

Tech Stack Used

• React Hooks
• React Router DOM - to set up pages and navigation - react-router-dom - Main Docs
• Fusion Charts to display user repositories data - Fusion Charts - Main Docs, List Of Charts, Themes
• Auth0 for Authentication - Auth0 - Main Docs
• GitHub API to retrieve data

Deployed On : Netlify

Connections : EMail, Social

Preview

Error message shown if the user does not exists

Local Setup & Available Scripts

In the project directory, you can run:

npm install

Installs all dependencies required for the app to run

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

Learn More

You can learn more in the Create React App documentation. To learn React, check out the React documentation.