{"id":16644172,"url":"https://github.com/devxprite/gitglance","last_synced_at":"2025-07-12T03:34:00.452Z","repository":{"id":232415304,"uuid":"779621098","full_name":"devxprite/Gitglance","owner":"devxprite","description":"GitGlance is your go-to tool for visualizing GitHub profiles. Gain insights into your contributions, expertise, and community engagement with intuitive visualizations.","archived":false,"fork":false,"pushed_at":"2024-06-05T07:40:10.000Z","size":2940,"stargazers_count":59,"open_issues_count":28,"forks_count":22,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-06T23:32:35.388Z","etag":null,"topics":["github","github-profile-visualize","javascript","mongoose","nextjs","nodejs","profile-visualize","react","react-chartjs-2","scss","tailwindcss"],"latest_commit_sha":null,"homepage":"https://gitglance.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devxprite.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-30T10:29:32.000Z","updated_at":"2025-04-30T16:26:14.000Z","dependencies_parsed_at":"2024-04-09T19:26:26.421Z","dependency_job_id":"e424c68b-99bc-4ffc-aadc-24312b3d6d90","html_url":"https://github.com/devxprite/Gitglance","commit_stats":null,"previous_names":["devxprite/gitglance"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/devxprite/Gitglance","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devxprite%2FGitglance","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devxprite%2FGitglance/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devxprite%2FGitglance/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devxprite%2FGitglance/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devxprite","download_url":"https://codeload.github.com/devxprite/Gitglance/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devxprite%2FGitglance/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264930735,"owners_count":23684916,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["github","github-profile-visualize","javascript","mongoose","nextjs","nodejs","profile-visualize","react","react-chartjs-2","scss","tailwindcss"],"created_at":"2024-10-12T08:10:39.854Z","updated_at":"2025-07-12T03:34:00.410Z","avatar_url":"https://github.com/devxprite.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eGitGlance\u003c/h1\u003e\n\u003ch3 align=\"center\"\u003eTool for visualizing GitHub profiles\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n \u003ca href=\"https://gitglance.vercel.app/\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/devXprite/gitglance/issues/new?assignees=\u0026labels=bug\u0026template=bug_report.md\u0026title=\"\u003eReport Bug\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n\u003cp\u003eGitGlance is a powerful tool for visualizing a developer's GitHub profile, showcasing their contributions, fields of expertise, and much more. With GitGlance, developers can gain insights into their GitHub activity in an intuitive and visually appealing manner.\n\u003c/p\u003e\n\n## Features\n- **GitHub Profile Visualization:** GitGlance provides a comprehensive visualization of a developer's GitHub profile, including their contributions, repositories, and more.\n- **Field of Contributions:** Understand the areas in which the developer contributes the most through a graphical representation.\n- **GitHub GraphQL API Integration:** Utilizing the GitHub GraphQL API, GitGlance fetches user data directly from GitHub, ensuring accurate and up-to-date information.\n- **Next.js \u0026 Tailwind CSS:** Built with Next.js for efficient server-side rendering and Tailwind CSS for easy styling and customization.\n- **Responsive Design:** GitGlance is designed to be responsive, ensuring a seamless experience across various devices and screen sizes.\n- **Dynamic Chart Generation:** GitGlance employs advanced chart generation techniques to dynamically visualize GitHub data. Whether it's plotting commit timelines, repository language distributions, or pull request statistics, GitGlance generates interactive and customizable charts.\n\n\n## Screenshots\n\n\u003c!-- \u003cimg \u003e --\u003e\n\u003cimg src=\"./public/screenshots/2.png\" width=\"75%\" /\u003e\n\u003cimg src=\"./public/screenshots/3.png\" width=\"75%\" /\u003e\n\u003cimg src=\"./public/screenshots/4.png\" width=\"75%\" /\u003e\n\u003cimg src=\"./public/screenshots/5.png\" width=\"75%\" /\u003e\n\u003cimg src=\"./public/screenshots/6.png\" width=\"75%\" /\u003e\n\n\n## Installation\nTo run GitGlance locally, follow these steps:\n\n1. Clone the repository:\n   ```bash\n    git clone https://github.com/your-username/gitglance.git\n   ```\n\n2. Navigate to the project directory:\n    ```bash\n    cd gitglance\n    ```\n3. Create a .env file in the root directory of the project by copying the .env.example file:\n    ```bash\n    cp .env.example .env\n    ```\n4. Open the .env file and add your GitHub Personal Access Token:\n   ```bash\n    GITHUB_TOKEN=\n   ```\n5. Install dependencies:\n    ```bash\n    npm install\n    ```\n6. Start the development server:\n    ```bash\n    npm run dev\n    ```\n7. Open your browser and visit `http://localhost:3000`\n   \n    \n    \n## Contributing\nContributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.\n\n\n## How to Contribute\nWe welcome contributions from the community to enhance GitGlance further.You can use GitHub Desktop to manage this repository. Here's how:\n\n1. **Download and Install GitHub Desktop**: \n   - Go to the [GitHub Desktop website](https://desktop.github.com/) and download the GitHub Desktop application.\n   - Follow the installation instructions to install GitHub Desktop on your computer.\n\n2. **Clone the Repository**:\n   - Open GitHub Desktop and sign in to your GitHub account.\n   - Click on the \"File\" menu, then select \"Clone Repository...\"\n   - Choose the repository you want to clone from the list or enter its URL.\n   - Choose the local path where you want to clone the repository and click \"Clone\".\n\n3. **Make Changes**:\n   - After cloning the repository, you can make changes to the files locally using your preferred code editor.\n\n4. **Commit Changes**:\n   - Once you've made changes, open GitHub Desktop.\n   - You'll see a list of files with changes. Write a summary and description of your changes in the text fields.\n   - Click \"Commit to main\" to commit your changes locally.\n\n5. **Push Changes**:\n   - To push your changes to the remote repository on GitHub.com, click \"Push origin\".\n\n6. **Pull Changes**:\n   - If there are changes on the remote repository that you don't have locally, you can pull them by clicking \"Fetch origin\" or \"Pull origin\".\n\n7. **Sync Changes**:\n   - To synchronize your local repository with the remote repository, click \"Sync\" to push and pull changes in one step.\n\nThat's it! You can now use GitHub Desktop to manage this repository efficiently.\n\n## License\nThis project is licensed under the MIT License. see the LICENSE file for details.\n\n\n## Acknowledgements\nGitGlance utilizes the following technologies and libraries:\n\n- [Next.js](https://nextjs.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [GitHub GraphQL API](https://docs.github.com/en/graphql)\n- [Node.js](https://nodejs.org/)\n\n\n## Support\n\nThis project needs a ⭐️ from you. Don't forget to leave a star ⭐️\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevxprite%2Fgitglance","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevxprite%2Fgitglance","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevxprite%2Fgitglance/lists"}