{"id":26040266,"url":"https://github.com/yashksaini-coder/git-graph","last_synced_at":"2026-04-10T11:01:47.683Z","repository":{"id":280997139,"uuid":"943755841","full_name":"yashksaini-coder/git-graph","owner":"yashksaini-coder","description":"Visualize GitHub contributions, allowing users to customize, export, and share their activity as high-quality images on Twitter, and LinkedIn.","archived":false,"fork":false,"pushed_at":"2025-04-08T18:14:23.000Z","size":578,"stargazers_count":5,"open_issues_count":2,"forks_count":9,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T19:27:14.251Z","etag":null,"topics":["cards","github","nextjs","shareable","tailwindcss"],"latest_commit_sha":null,"homepage":"https://git-graph-one.vercel.app","language":"TypeScript","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/yashksaini-coder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"License.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"Security.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"yashksaini-coder","buy_me_a_coffee":"yashksaini"}},"created_at":"2025-03-06T08:06:24.000Z","updated_at":"2025-04-08T18:24:23.000Z","dependencies_parsed_at":"2025-03-24T13:23:31.259Z","dependency_job_id":"6f05f1f5-97ef-40e7-848f-a5481ebad19b","html_url":"https://github.com/yashksaini-coder/git-graph","commit_stats":null,"previous_names":["yashksaini-coder/gitgraph-studio","yashksaini-coder/git-graph"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yashksaini-coder/git-graph","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2Fgit-graph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2Fgit-graph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2Fgit-graph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2Fgit-graph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yashksaini-coder","download_url":"https://codeload.github.com/yashksaini-coder/git-graph/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2Fgit-graph/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31639524,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["cards","github","nextjs","shareable","tailwindcss"],"created_at":"2025-03-07T12:08:59.251Z","updated_at":"2026-04-10T11:01:47.671Z","avatar_url":"https://github.com/yashksaini-coder.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003eGit Graph\u003c/h1\u003e\n\n\u003e [!NOTE]\n\u003e \n\u003e INTRODUCTION_PARAGRAPH\n\u003e Visualize GitHub contributions, allowing users to \n\u003e customize, export, and share their activity as high-quality\n\u003e images on Twitter, Instagram, and LinkedIn.\n\n## 📷 Screenshots\n\n\u003e Here's a working and expected screenshot of **_Git Graph_**\n\n\n| Landing Page  | User Display |\n|------------|------------|\n| ![Demo](public/demo.png) | ![User](public/demo2.png)|\n\n---\n\n## 📋 Features\n\n- 📊 **Customizable Graphs**: Customize the graph by selecting from various themes.\n\n- 📈 **Export Graphs**: Export the graph as a high-quality image for sharing on social media.\n\n- 📱 **Responsive Design**: Fully responsive design that works on all devices.\n\n- 🎨 **Themes**: Choose from a variety of themes to customize the graph's appearance.\n\n- 📅 **Date Range**: Select a custom date range to visualize your GitHub contributions.\n\n- 📤 **Share on Socials**: Share your GitHub activity on Twitter, Instagram, and LinkedIn.\n\n- 📊 **2D \u0026 3D**: Get the graph in either 2D or 3D frame style\n\n\n\n## 🛠️ Tech Stack\n\n\u003e Git Graph is built using the following powerful technologies:\n\n| Logo | Technology | Description |\n|----|------------|-------------|\n| ![Typescript](https://skillicons.dev/icons?i=ts)| **[TypeScript](https://www.typescriptlang.org/)** | Strongly typed programming language for enhanced development |\n| ![Next.Js](https://skillicons.dev/icons?i=next) | **[Next.js](https://nextjs.org/)** | React framework for production-grade applications |\n| ![Octokit](https://avatars.githubusercontent.com/u/3430433?s=45)| **[Octokit](https://github.com/octokit)** | Official GitHub API wrapper for seamless integration |\n| ![Tailwind](https://skillicons.dev/icons?i=tailwind)| **[Tailwind](https://tailwindcss.com/)** | Utility-first CSS framework for modern designs |\n| ![Vercel](https://skillicons.dev/icons?i=vercel)| **[Vercel](https://vercel.com/home)** | Platform for deploying and hosting web applications |\n\n## 🛣️ Tasks\n\n- [ ] 2D \u0026 3D Graph \n- [ ] JSON Date Parsed \n- [ ] Post on Socials  \n- [ ] Themes menu \n\n\n## 💻 Contributing\n\n\u003e [!TIP]  \n\u003e We welcome contributions to improve **Git Graph**! If you have suggestions, bug fixes, or new feature ideas, follow these steps:\n\n1. **Fork the Repository**  \n   Click the **[Fork](https://github.com/yashksaini-coder/git-graph/fork)** button at the top-right of the repo page.\n\n2. **Clone Your Fork**  \n   Clone the repo locally:\n\n   ```bash\n   git clone https://github.com/yashksaini-coder/git-graph\n   ```\n\n3. **Create a Branch**  \n   Create a new branch for your changes:\n\n   ```bash\n   git checkout -b your-feature-branch\n   ```\n\n4. **Make Changes**  \n   Implement your changes (bug fixes, features, etc.).\n\n5. **Commit and Push**  \n   Commit your changes and push the branch:\n\n   ```bash\n   git commit -m \"feat(scope): description\"\n   git push origin your-feature-branch\n   ```\n\n6. **Open a Pull Request**  \n   Open a PR with a detailed description of your changes.\n\n7. **Collaborate and Merge**  \n   The maintainers will review your PR, request changes if needed, and merge it once approved.\n\n## 🙋‍♂️ Issues\n\nFound a bug or need help? Please create an issue on the [GitHub repository](https://github.com/yashksaini-coder/git-graph) with a detailed description.\n\n---\n\n## 📄 License\n\n\u003cp align=\"center\"\u003e\n\u003cstrong\u003eGit Graph\u003c/strong\u003e is licensed under the \u003ccode\u003eMIT\u003c/code\u003e License. See the \u003ca href=\"https://github.com/yashksaini-coder/git-graph/blob/master/License.md\"\u003eLICENSE\u003c/a\u003e file for more details.\n\u003c/p\u003e\n\n---\n\n\u003cp align=\"center\"\u003e\n    \u003cstrong\u003e🌟 If you find this project helpful, please give it a star to show support to the Author! 🌟\u003c/strong\u003e\n\u003c/p\u003e\n\n\n## 👤 Author\n\n\u003ca href=\"https://github.com/yashksaini-coder\"\u003e\n    \u003ctable\u003e\n        \u003ctbody\u003e\n            \u003ctr\u003e\n                \u003ctd align=\"left\" valign=\"top\" width=\"14.28%\"\u003e\n                    \u003cimg src=\"https://github.com/yashksaini-coder.png?s=60\" width=\"130px;\"/\u003e\n                    \u003cbr/\u003e\n                    \u003ch4 align=\"center\"\u003e\n                        \u003cb\u003eYash K. Saini\u003c/b\u003e\n                    \u003c/h4\u003e\n                    \u003cdiv align=\"center\"\u003e\n                        \u003cp\u003e(Author)\u003c/p\u003e\n                    \u003c/div\u003e\n                \u003c/td\u003e\n                \u003ctd align=\"left\" valign=\"top\" width=\"85%\"\u003e\n                    \u003cp\u003e\n                        👋 Hi there! I'm \u003cu\u003e\u003cem\u003e\u003cstrong\u003eYash K. Saini\u003c/strong\u003e\u003c/em\u003e\u003c/u\u003e, a self-taught software developer and a computer science student from India.\n                    \u003c/p\u003e\n                    \u003cul\u003e\n                     \u003cli\u003e\n                        I love building \u0026 contributing to Open Source software solutions \u0026 projects that help solve real-world problems.\n                    \u003c/li\u003e\n                    \u003cli\u003e\n                        I want to build products \u0026 systems that can benefit \u0026 solve problems for many other DEVs.\n                    \u003c/li\u003e\n                \u003c/td\u003e\n            \u003c/tr\u003e\n        \u003c/tbody\u003e\n    \u003c/table\u003e\n\u003c/a\u003e\n\n## 🐳 Docker Usage\n\nYou can build and run **Git Graph** inside a Docker container using the [Dockerfile](./Dockerfile) provided in this project.\n\n1. **Build the Docker Image**  \n   ```bash\n   docker build -t git-graph-image .\n   ```\n\n2. **Run a Container**  \n   ```bash\n   docker run -p 3000:3000 git-graph-image\n   ```\n\n3. **Access the App**  \n   Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n\u003e **TIP**: Check the `.env` file for environment variables. Make sure it’s copied as needed.\n","funding_links":["https://github.com/sponsors/yashksaini-coder","https://buymeacoffee.com/yashksaini"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashksaini-coder%2Fgit-graph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyashksaini-coder%2Fgit-graph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashksaini-coder%2Fgit-graph/lists"}