{"id":13457561,"url":"https://github.com/Codennnn/Green-Wall","last_synced_at":"2025-03-24T14:32:07.995Z","repository":{"id":58916813,"uuid":"530267919","full_name":"Codennnn/Green-Wall","owner":"Codennnn","description":"⬜🟩 GitHub Contributions Graph Generator.  :octocat:","archived":false,"fork":false,"pushed_at":"2024-12-22T03:10:04.000Z","size":1527,"stargazers_count":522,"open_issues_count":3,"forks_count":19,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-20T18:01:43.132Z","etag":null,"topics":["contribution-graph","github-api"],"latest_commit_sha":null,"homepage":"https://green-wall.leoku.dev","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/Codennnn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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":"2022-08-29T14:57:09.000Z","updated_at":"2025-02-04T22:19:32.000Z","dependencies_parsed_at":"2024-01-08T15:04:40.401Z","dependency_job_id":"6ece1368-0960-4cda-aacb-6423405c6ce7","html_url":"https://github.com/Codennnn/Green-Wall","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codennnn%2FGreen-Wall","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codennnn%2FGreen-Wall/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codennnn%2FGreen-Wall/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codennnn%2FGreen-Wall/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Codennnn","download_url":"https://codeload.github.com/Codennnn/Green-Wall/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245289603,"owners_count":20591100,"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":["contribution-graph","github-api"],"created_at":"2024-07-31T09:00:29.739Z","updated_at":"2025-03-24T14:32:07.988Z","avatar_url":"https://github.com/Codennnn.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# [Green Wall](https://green-wall.leoku.dev/)\n\n_Take a snapshot 📸 of your GitHub contributions, then share it!_\n\n**Green Wall** is a powerful web tool that simplifies the way you review your GitHub :octocat: contributions over time. This tool allows you to generate an image of your contributions, which you can save and share with others.\n\n[![Screenshot](./screenshot.webp)](https://green-wall.leoku.dev/)\n\n## How it works\n\nThis project leverages the GitHub GraphQL API to retrieve data and employs Next.js API Routes to handle requests. For insights into how we manage your data, refer to [this file](./src/app/api/contribution/%5Busername%5D/route.ts).\n\n## Usage\n\nTo showcase a live preview of your contributions on your GitHub README or website, you can use the following examples.\n\n**Optional Parameters**\n\n| Parameter | Description                      | Type     | Default Value | Example          |\n|-----------|----------------------------------|----------|---------------|------------------|\n| `year`    | Specify calendar year to display | `number` | Latest year   | `?year=2023`     |\n| `theme`   | Choose color theme for image     | `string` | `Classic`     | `?theme=Violet`  |\n| `width`   | Set custom image width           | `number` | 1200          | `?width=800`     |\n| `height`  | Set custom image height          | `number` | 630           | `?height=400`    |\n\n**HTML**\n\n```html\n\u003cimg src=\"https://green-wall.leoku.dev/api/og/share/[YOUR_USERNAME]\" alt=\"My contributions\" /\u003e\n```\n\n**Markdown**\n\n```markdown\n![](https://green-wall.leoku.dev/api/og/share/[YOUR_USERNAME])\n```\n\nThis will produce a preview similar to the one shown below.\n\n![](https://green-wall.leoku.dev/api/og/share/Codennnn)\n\n## Tampermonkey\n\nWe also offer a [Tampermonkey script](https://greasyfork.org/en/scripts/492478-greenwall-view-all-contribution-graphs-in-github) that enables you to view the 'Green Wall' on anyone's GitHub profile page. The script adds a button to the user's GitHub Profile page, and clicking it will display the user's contribution graphs over the years.\n\nThe source code for the script is located in the file [`/plugins/script.ts`](./plugins/script.ts).\n\nhttps://github.com/user-attachments/assets/694a5653-348b-4bec-9736-21e777e3ede8\n\n## Credits\n\n- _Inspired by:_ [GitHub Contributions Chart Generator](https://github.com/sallar/github-contributions-chart).\n- _Framework:_ Next.js.\n- _Font:_ [Rubik](https://fonts.google.com/specimen/Rubik) by Google Fonts.\n- _Icons:_ [heroicons](https://heroicons.com).\n\n## Running Locally\n\nTo run this project, which uses the [GitHub API](https://docs.github.com/en/graphql) to fetch data, you'll need a personal access token for authentication. For details on obtaining this token, see \"[Creating a personal access token](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token)\".\n\nOnce you have your personal access token, create a file named `.env.local` at the root of the project and insert the token as follows:\n\n```sh\n# .env.local\n\n# The format should be: GITHUB_ACCESS_TOKEN=\"[YOUR_TOKEN]\"\n\n# Example:\nGITHUB_ACCESS_TOKEN=\"ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\"\n```\n\nThen you are ready to run `pnpm dev` to develop.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodennnn%2FGreen-Wall","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FCodennnn%2FGreen-Wall","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodennnn%2FGreen-Wall/lists"}