Demo URL

https://github-stats-graphql.vercel.app/

Features

• Fetch Github user data using GraphQL and Apollo Client
• Reusable components
• TypeScript support
• Simple and responsive UI

Setup

Create Github Access Token

• Go to your Github account -> settings -> Developer settings -> Personal access tokens -> Tokens (classic) -> Generate new token -> Generate new token (General Use) -> Give your token a name and select scopes. In my case, I have given it access to public_repo and read:user scopes.
• Rename the .env.example file to .env.local and replace the text on the right side of the = sign with your github access token.

Get the code

Make sure you have Node JS installed. If you don't have it:

• Download it from nodejs.org
• Install it using NVM
• If you're on Mac, Homebrew is a good option too:

brew install node

Clone the repo:

git clone https://github.com/realstoman/github-stats-graphql.git

Open the project folder:

cd github-stats-graphql

Install packages and dependencies:

npm install

Start a local dev server at http://localhost:3000:

npm run dev

Notes

• Coming Soon I'll be doing a screencast of this project and will be uploading the video to my Youtube channel
• Feel free to use it in your projects
• Contributions are welcome

Resources

• Github GraphQL API Documentations
• Github GraphQL Explorer
• Learn Apollo Client GraphQL