lifeeric/github-user-finder

Github GraphQL API for fetching the user data and showing in React, Gatsby, TypeScript!

Github User Finder

Getting user data from Github GrpahQL API's

[Deployed on Netlify live demo](https://userfinder.netlify.app/

🚀 Quick start

1. Create a Gatsby site.

Use the Gatsby CLI to create a new site.

# cloning this repo and insalling dependencies

gatsby new github-user-finder https://github.com/lifeeric/github-user-finder

head over to "Personal acces tokens", create token and save it in the .env.* file.

GATSBY_GITHUB_API=<Your Api here>

create .env.development, and .env.production files in your / directory

1. Start developing.

Navigate into your new site’s directory and start it up.

cd github-user-finder/

gatsby develop

1. Open the source code and start editing!

Your site is now running at http://localhost:8000!

Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

Built With

• Gatsby - The web framework used
• React - UI libraly
• Material-ui - Layout framework
• React darkmode toggler - Button for switching theme, light, and dark