Generate your contributions summary in seconds.

View Demo · Report Bug · Request Feature

Experience a brand new way of showcasing your GitHub contributions with Your GitHub Contributions! By entering your GitHub username, you can generate a summary of all your contributions in just a few seconds.

You'll be surprised at how effortless and speedy it is to create an impressive contributions summary page.

Don't hesitate any longer! Give it a try by visiting https://ygc.sachinchaurasiya.dev/ and share your feedback with us. We're excited to hear your thoughts!

Here is an example of a Contribution Summary Page https://ygc.sachinchaurasiya.dev/Sachin-chaurasiya

If you don't want to miss any updates, please show your support by giving the project a ⭐ 🚀.

We extend a massive THANK YOU to all our supporters!

Your GitHub Contributions was built using the following technologies:

• ReactJs - A JavaScript library for building user interfaces
• ChakraUI - A simple, modular and accessible component library
• TypeScript - A development tool for static type checking
• React Icons - A Icons library for ReactJs
• Framer Motion - A animation library for ReactJs
• Recharts - A chart library for ReactJs

Before starting, please check the Contribution Guide to get started.

First, you need to fork the Your-Github-Contributions repo. You can do this by clicking the Fork button on the top right corner of the repo. If you are new to forking, please watch this YouTube Guide to get started.

Once forked, you can clone the repo by clicking the Clone or Download button on the top right corner of the forked repo.

Please change the directory after cloning the repository using the cd <folder-name> command.

Note For Development we recommend using the yarn

npm install --global yarn

Next, install the dependencies by running the following command in the Your-Github-Contributions repo:

yarn install

yarn run env

To get your personal access token you can refer this guide creating-a-personal-access-token

Use the following command to start the app in the development mode:

yarn start

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

The page will reload when you make changes. You may also see any lint errors in the console.

Use the following command to build the app for production:

yarn build

It builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.

Your GitHub Contributions is licensed under the MIT License - see the LICENSE file for details.

We value all contributions, no matter their size! To get started, please refer to our CONTRIBUTING guide, and don't hesitate to reach out to us for any assistance you may need.

A big thank you to these amazing individuals

Sachin Chaurasiya 💻 🖋 📖 🎨 🤔 🚇 🚧 🧑‍🏫	Anujkumar Yadav 💻 🤔	Hamza Ali 💻 🤔	Shailesh Parmar 💻 🤔 🎨	Jaya Kumar 📖	Mayukh Bhowmick 💻	ArshM17 💻
bhushansshah 💻	Jatin Singh 💻