GitHub User Info and Contribution Calendar Viewer

Live Demo

https://pawansirsat.github.io/Github-Contribution-Graph-API/

Overview

This web application allows users to search for GitHub users and view comprehensive information about their GitHub profiles. The main feature is a visually appealing contribution calendar that displays the user's daily contribution activity.

Features

• User Search: Users can search for any GitHub user by entering their username in the search bar.
• Profile Information: The application retrieves and displays the user's name, avatar, username, follower count, and following count.
• Contribution Calendar: The user's GitHub contribution data is visualized in a calendar format.
• Contribution Heatmap: Contribution squares are color-coded to represent the contribution level for each day. The colors indicate the intensity of contributions.
• Responsive Design: The application is responsive, ensuring a great user experience on both desktop and mobile devices.
• Error Handling: It provides user-friendly error messages when a GitHub user is not found or when there are network issues.

Usage

1. Open the application in your web browser.
2. Enter the GitHub username of the user you want to search for in the input field.
3. Click the "Search" button to fetch and display the user's information and contribution calendar.

Installation

1. Clone the repository to your local machine.

   git clone https://github.com/yourusername/github-user-info.git
   

2. Open the project folder in your code editor.

3. Open the index.html file in your web browser to run the application.

4. Generate Your Own Tokken For Contribution Calendar Data (Replace With my Tokken Present in git.js)

Technologies Used

• HTML, CSS, JavaScript
• GitHub API for user data retrieval
• CSS Grid for the contribution calendar layout

Contributing

Contributions are welcome! If you would like to contribute to this project, please follow the CONTRIBUTING.md guidelines.

Acknowledgements

• The application was built as a project for learning web development and GitHub API integration.
• Thanks to GitHub for providing the API and hosting for open-source projects.

---

Feel free to customize this description with your repository's actual details, including the repository name, cover image, and relevant screenshots. You can also include additional sections, such as a detailed setup guide, or any special features you've implemented. This description provides a starting point to help showcase your project to potential users and contributors.