krishna100604/gitwrap

GitWrap analyzes your GitHub contributions, showcasing a personalized summary of your coding journey throughout the year. Reflect, celebrate, and share your open-source achievements!

GitWrap - GitHub Contributions Analyzer

GitWrap is a web application that analyzes your GitHub contributions, showcasing a personalized summary of your coding journey throughout the year. Reflect, celebrate, and share your open-source achievements!

Tech Stack

• React: Frontend framework for building user interfaces.
• GraphQL: Query language for APIs, used to fetch GitHub data.
• GitHub API: Interface for accessing various GitHub features.
• Octokit: GitHub REST API client for programmatic access to GitHub resources.
• React Icons: Library providing a set of popular icons for React applications.

Getting Started

Follow these steps to get started with GitWrap:

Prerequisite

• Node.js (https://nodejs.org/) installed on your machine.

Installation

1. Clone the repository:

git clone https://github.com/singodiyashubham87/GitWrap.git
cd GitWrap

2. Install dependencies:

npm install

3. Edit the .env file & add your Github Personal Access Token:

VITE_GITHUB_TOKEN = "GITHUB_PERSONAL_ACCESS_TOKEN"

4. Start the app:

npm run dev

Features

• Contribution Summary: Get an overview of your GitHub contributions for a specified time range.
• Total Active Days: Track the total number of days you actively contributed to repositories.
• Max Streak: Identify your longest streak of consecutive days with contributions.
• Most Productive Date: Find out the date when you made the maximum number of contributions.
• Languages Used: Explore the languages you've used across all your repositories.

Credits

Special thanks to GitHub for providing the GitHub GraphQL API that makes this project possible.

Author

• Shubham Singodiya

Contributors

License

This project is licensed under the MIT License.

Support

Support the project by starring the repository.