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!
- 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.
Follow these steps to get started with GitWrap:
- Node.js (https://nodejs.org/) installed on your machine.
- Clone the repository:
git clone https://github.com/singodiyashubham87/GitWrap.git
cd GitWrap- Install dependencies:
npm install- Edit the .env file & add your Github Personal Access Token:
VITE_GITHUB_TOKEN = "GITHUB_PERSONAL_ACCESS_TOKEN"- Start the app:
npm run dev- 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.
Special thanks to GitHub for providing the GitHub GraphQL API that makes this project possible.
This project is licensed under the MIT License.
Support the project by starring the repository.