Repo Monitor

Repo Monitor is a modern dashboard application that analyzes GitHub profiles and visualizes the language distribution, size, and update status of projects.

It pulls data using the GitHub API and converts it into interactive charts using Chart.js.

---

Features

• Global Language Analysis: Shows the overall expertise distribution based on the total byte size of all code in all repositories.
• Smart Caching: Stores data in localStorage for 30 minutes to avoid API limits and improve performance.
• Detailed Filtering & Sorting:
  • Most Recently Updated
  • Largest Project (File Size)
  • Most JavaScript / Python
  • Most Popular (Stars)
• "Other" Grouping: Automatically groups languages that take up less than 1% of space to prevent chart clutter.
• Glassmorphism UI: Modern, transparent, and responsive (mobile-friendly) design.
• Dynamic Search: Analyze any GitHub user instantly by typing their username.
• Dark/Light Theme: Toggle between dark and light themes with preference saved locally.

---

Technologies

• HTML5 & CSS3 (Flexbox/Grid, CSS Variables)
• Vanilla JavaScript (ES6+)
• Chart.js with DataLabels Plugin (Data Visualization)
• GitHub REST API
• Font Awesome (Icons)

---

Installation and Usage

This project does not require any package manager (npm, yarn). It runs directly in the browser.

1. Clone the project:

   git clone https://github.com/cekYc/repo_monitor.git

2. Go to the folder:

   cd repo_monitor

3. (Optional) Add your GitHub Personal Access Token in script.js for higher API rate limits:

   const MY_TOKEN = "your_github_token_here";

4. Open the index.html file in your browser. That's it!

---

Configuration

You can customize the default username by editing the following line in script.js:

let currentUsername = 'cekYc'; // Change this to your GitHub username

---

License

This project is licensed under the MIT License.