Gw3i / git-o-get

Git O Get - Github Profile Stats, Language Graph, Social Card, Contribution Graph, Repository Stats, Graphs and more

Git o Get

Quick Links

Contributing Guide • Issues • Pull Requests • License

What it does 🤔

• Just seach your github username and get your profile data in a different way
• This app also generates a shareable card dynamically
• The card is downloadable also

Contents 🧧

• Profile Details
• Language Crad
• Shareable Social Card
• Profile Stats
• Profile Contribution Calander
• List of Followers(last 100)
• Most forked Repository Graph
• Most Stared Repository Graph

Tech Stack 👾

• Next JS
• Tailwind
• Recoil
• Styled Components
• Appolo GraphQL
• Github API
• Recharts
• Cloudinary

Demo 🌍

This app is Deployed to Vercel
View Demo

SnapShots 💻

Home Page

User Detail Page

Prerequisites '✔

Required to install and run the software:

• Node JS 14+
• NPM
• Cloudinary

Run Locally 🤠

1. Clone the respository locally

git clone https://github.com/Mridul2820/git-o-get.git

2. Create a .env file in the root directory

GITHUB_TOKEN = <YOUR_GITHUB_TOKEN>
SITE_URL = <YOUR_URL_FOR_APP>
CLOUD_NAME = <YOUR_CLOUDINARY_CLOUD_NAME>
BASE_IMAGE_URL = <URL_FOR_BASE_IMAGE>

• GITHUB_TOKEN: Get your Personal Access Token by signing in to your github account and then go to your setting -> developer setting -> Personal access tokens -> Generate new token
• SITE_URL: Your base URL for the app
• CLOUD_NAME: Create a Cloudinary account and Get your CLOUD NAME
• BASE_IMAGE_URL: Upload Base Image in Your Cloudinary Cloud and Get the public Id

3. Install the node_modules

npm install

4. Start the Server

npm run dev

How to contribute? 💻

Contributing Guide

All the best! 🥇