├── CONTRIBUTION.md ├── LICENSE ├── README.md ├── WELCOME.md ├── assets └── fewinfos-banner.png └── src └── index.js /CONTRIBUTION.md: -------------------------------------------------------------------------------- 1 | ## 🙌 Contribution Guide 2 | 3 | We welcome community contributions! 4 | 5 | 1. **Fork** this repository 6 | 2. **Clone** it locally 7 | ```bash 8 | git clone https://github.com/your-username/readme-activity-calender.git 9 | ``` 10 | 3. **Create a feature branch** 11 | ```bash 12 | git checkout -b feature/your-feature 13 | ``` 14 | 4. Make changes and **commit** 15 | ```bash 16 | git commit -m "Add: new feature" 17 | git push origin feature/your-feature 18 | ``` 19 | 5. **Open a Pull Request** 20 | 21 | --- 22 | 23 | ## 🧠 Future Ideas 24 | 25 | - 📊 Add commit activity graph (last 30 days) 26 | - 🌐 Internationalization support 27 | - 🔗 Compare multiple repositories 28 | - 📈 Trend analysis for stars/forks over time 29 | - 🧩 Drag-and-drop dashboard customization 30 | - 🪄 Live widget customizer with embed generator 31 | 32 | 33 | 34 | ## 📜 License 35 | 36 | This project is licensed under the **MIT License**. 37 | Feel free to use, modify, and distribute it with attribution. 38 | 39 | 40 | ## 💬 Contact 41 | 42 | **Maintainer:** FEWINFOS 43 | **GitHub:** https://github.com/Fewinfos/ 44 | **Email:** fewinfos@gmail.com 45 | 46 | 47 | 48 | > 🛠 Built with ❤️ for the open-source community. 49 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 Fewinfos 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 📦 GitHub Repository Stats Widgets 2 | 3 | An open-source, fully client-side tool that visualizes **real-time GitHub repository statistics** in an interactive and customizable format — perfect for developers, open-source maintainers, and portfolio builders. 4 | 5 | 6 | 7 | ## 🎯 Objective 8 | 9 | This widget uses the GitHub REST API to fetch and display various metadata and insights about any public GitHub repository. It works **entirely in the browser** with no backend or authentication required. 10 | 11 | 12 | 13 | ## ✨ Features 14 | 15 | - 🔄 Real-time data fetching via GitHub REST API 16 | - ⭐ Displays stars, forks, watchers, issues, and pull requests 17 | - 👥 Visualizes top contributors with avatars and commit counts 18 | - 📊 Shows languages used with interactive charts 19 | - 📅 Displays repository creation date and last updated time 20 | - 📜 Shows license information 21 | - 🎨 Clean, responsive, and customizable UI 22 | - 💻 Works directly in any browser (no server setup) 23 | - 🧩 Easily embeddable in websites or README.md files 24 | - 📈 Optional visualizations via Chart.js 25 | 26 | 27 | 28 | ## 🧱 Tech Stack 29 | 30 | - **HTML** – Structure and layout 31 | - **CSS** – Styling and responsiveness 32 | - **JavaScript** – Logic and API handling 33 | - **GitHub REST API** – Data source 34 | - **Chart.js** – For rendering graphs and charts (optional) 35 | 36 | 37 | 38 | ## 📊 Available Widgets 39 | 40 | ### 🔍 Repository Stats 41 | 42 | - ⭐ Stars / 🍴 Forks / 👁️ Watchers Counter 43 | - 📅 Repository creation & last updated date 44 | - 📜 License type display 45 | - 📊 Language usage (pie, bar, donut chart) 46 | - 📦 Dependency graph (npm, pip, etc.) 47 | - 📈 Commit activity heatmap 48 | - 🕐 Average PR merge time 49 | - 🧵 Issue status breakdown (Open / Closed / Pinned) 50 | 51 | ### 👥 Contributor Widgets 52 | 53 | - 👥 Top contributors (avatars + commit counts) 54 | - 📊 Contributions by weekday 55 | - 🗺️ Contributor location map (public data) 56 | - ⏱️ Recent contributors (last 7 / 30 days) 57 | - 📈 Contributions over time (stacked area graph) 58 | 59 | ### 📊 Graph-Based Widgets 60 | 61 | - 📊 Radar chart of repo health (stars, forks, PRs, issues) 62 | - 📉 Line chart for star/fork growth trends 63 | - 🍩 Donut chart for language usage 64 | - 📈 Area chart for issues/PR trends 65 | - 📆 GitHub-style calendar heatmap 66 | 67 | ### ⚙️ DevOps & CI/CD Widgets 68 | 69 | - 🚦 GitHub Actions CI/CD status badge 70 | - 🧪 Code coverage badge (Codecov, Coveralls) 71 | - 🔄 Last workflow run widget 72 | - 🛠️ Build history timeline (success/failure visual) 73 | 74 | ### 📌 Issue & PR Widgets 75 | 76 | - 📋 Pinned issues or discussions 77 | - 🔍 Issue label word cloud 78 | - 📬 PR merge status/ratio tracker 79 | - 📈 Issue sentiment indicator (based on keywords) 80 | 81 | ### 🧩 Miscellaneous Widgets 82 | 83 | - 📌 Bookmark/Favorite repo button 84 | - 🔍 Inline search to enter other repositories 85 | - 🧠 AI-powered commit summary (optional) 86 | - 🔗 Related repositories widget 87 | - 🪄 Export widget as iframe / HTML embed 88 | 89 | 90 | 91 | ## 📂 Project Structure 92 | 93 | ``` 94 | github-repo-stats-widget/ 95 | ├── index.html # Main HTML file 96 | ├── style.css # CSS styles 97 | ├── repo.js # Core JavaScript logic 98 | ├── charts.js # Chart rendering logic 99 | ├── assets/ # Icons, screenshots 100 | ├── README.md # This documentation file 101 | └── LICENSE # MIT License 102 | ``` 103 | 104 | 105 | 106 | ## 🚀 Deployment 107 | 108 | You can deploy this widget to **GitHub Pages**, or use any static hosting service like Netlify, Vercel, or Firebase. 109 | 110 | ### Deploy via GitHub Pages 111 | 112 | 1. Push your project to GitHub 113 | 2. Go to **Settings → Pages** 114 | 3. Choose branch: `main` and folder: `/ (root)` 115 | 4. Your widget will be hosted at: 116 | `https://yourusername.github.io/github-repo-stats-widget/` 117 | 118 | 119 | 120 | -------------------------------------------------------------------------------- /WELCOME.md: -------------------------------------------------------------------------------- 1 |
2 | Welcome to FEWINFOS Contribution - GitHub Repository Stats Widget 3 |
4 | 5 | # 👋 Welcome to Open Source with FEWINFOS! 🚀 6 | 7 | We at **FEWINFOS** believe in learning through collaboration and building innovative solutions that matter. 8 | 9 | If you're contributing to this project, you're already part of something meaningful. Let's grow this community together! 🤝 10 | 11 | ## 🚨 Contributor Checklist 12 | 13 | Before opening a Pull Request, make sure to: 14 | 15 | - ⭐ **Star** this repository to support the project 16 | - 👥 **Follow** all the members of FEWINFOS on GitHub and LinkedIn 17 | - 🧑‍💻 Share your contribution on **LinkedIn** or **Twitter** 18 | - 📢 Mention **FEWINFOS** and tag your teammates if part of a group 19 | - 💬 Add your name and contribution to the contributor list below 20 | 21 | ## 📢 How to Get Featured? 22 | 23 | Want to be showcased as a contributor? 24 | 25 | 1. Add your name under the contributors list. 26 | 2. Create a Pull Request with your update. 27 | 3. You're in! 🎉 28 | 29 |

🚀 FEWINFOS Contributors Hall of Fame

30 | 31 | 32 | 33 | 40 | 47 | 48 | 55 | 62 | 63 |
34 | 35 | Your Name
36 | Naveenraj Thiyagarajan 37 |
38 | CEO & Co-founder 39 | 		41 | 42 | Suvitha Ramesh
43 | Suvitha Ramesh 44 |
45 | COO & Co-founder 46 | 		49 | 50 | Swathi
51 | Swathi Sundharaj 52 |
53 | Lead Developer 54 | 		56 | 57 | Swathi
58 | Nureshma 59 |
60 | CTO 61 |
64 | 65 | > 📌 _Submit a PR to add yourself to the list above._ 66 | 67 | ## 🔗 Connect with FEWINFOS 68 | 69 |

70 | 71 | LinkedIn 72 | 73 | 74 | Website 75 | 76 |

77 | 78 | > 💬 _Fueled by passion, crafted with purpose — from the minds at **FEWINFOS** 💡💻✨_ 79 | -------------------------------------------------------------------------------- /assets/fewinfos-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karunya-csbs/readme-activity-calender/6ed6ec425265a100d12995c8178eb738588b219d/assets/fewinfos-banner.png -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | 4 | const App = () =>

App is running!

; 5 | 6 | const root = ReactDOM.createRoot(document.getElementById("root")); 7 | root.render(); 8 | --------------------------------------------------------------------------------