{"id":25836904,"url":"https://github.com/jregistr/angular-github-widget","last_synced_at":"2026-05-10T03:21:58.111Z","repository":{"id":115615449,"uuid":"95740377","full_name":"jregistr/angular-github-widget","owner":"jregistr","description":"A small angular widget that displays github details.","archived":false,"fork":false,"pushed_at":"2017-06-29T05:50:05.000Z","size":579,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-05T22:59:04.741Z","etag":null,"topics":["angular","angular2","angular4","github","widget"],"latest_commit_sha":null,"homepage":"","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/jregistr.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":"2017-06-29T05:02:42.000Z","updated_at":"2017-06-29T05:29:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"d62d5619-ab53-49b4-9293-bbd42a2be4d9","html_url":"https://github.com/jregistr/angular-github-widget","commit_stats":{"total_commits":40,"total_committers":6,"mean_commits":6.666666666666667,"dds":"0.44999999999999996","last_synced_commit":"73de3f1a02a40ae094faebfa71e31d4c082ce4cb"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/jregistr/angular-github-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jregistr%2Fangular-github-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jregistr%2Fangular-github-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jregistr%2Fangular-github-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jregistr%2Fangular-github-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jregistr","download_url":"https://codeload.github.com/jregistr/angular-github-widget/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jregistr%2Fangular-github-widget/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264151274,"owners_count":23564714,"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":["angular","angular2","angular4","github","widget"],"created_at":"2025-03-01T02:36:34.055Z","updated_at":"2026-05-10T03:21:58.059Z","avatar_url":"https://github.com/jregistr.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Angular Github Card\r\n[![npm version](https://badge.fury.io/js/ng-github-card.svg)](https://badge.fury.io/js/ng-github-card)   \r\n\r\nAngular Github Card is a simple component that showing your github details. It's quite perfect for\r\nuse with a portfolio website. This project is based on [github-widget](https://github.com/surbhioberoi/github-widget). \r\n\r\n\r\n![Angular Github Widget Image](./demo-image.png)\r\n\r\n### Set Up\r\n\r\n\r\n##### First, add it to your angular project via npm\r\n\r\n```sh\r\nnpm install -S angular-github-card\r\n```\r\n\r\nNext up, add `NgGithubCardModule` to the `imports` of the module you wish to use this in.   \r\n\u003cb\u003eLike So\u003c/b\u003e\r\n\r\n```typescript\r\nimport { NgModule } from '@angular/core';\r\nimport {NgGithubCardModule} from 'ng-github-card';\r\n\r\n@NgModule({\r\n    imports: [\r\n            /* Other imports*/\r\n            NgGithubCardModule\r\n        ]\r\n})\r\nexport class MyModule {\r\n    \r\n}\r\n\r\n```\r\n\r\n### Usage\r\n\r\nUsage is very simple. Simply use drop the component's selector in your template, bind a value to\r\n`githubUser` and it's ready to go.   \r\n\u003cb\u003eLike So\u003c/b\u003e\r\n\r\n```angular2html\r\n\u003cng-github-card [githubUser]=\"'someGithubUser'\"\u003e\u003c/ng-github-card\u003e\r\n```\r\n\r\n##### Configuring the top 3 repositories to show\r\nThe widget defaults to sorting your repositories by their start count and picking the top 3 to display.\r\nYou can alter this behaviour by specifying a repository name for one or more of the inputs listed below.\r\n\r\n* \\[top1\\]\r\n* \\[top2\\]\r\n* \\[top3\\]\r\n\r\nThese two examples highlight this usage.\r\n```angular2html\r\n\u003cdiv\u003e\r\n    \u003cng-github-card [githubUser]=\"'someGithubUser1'\" [top1]=\"'angular-github-widget'\"\u003e\u003c/ng-github-card\u003e\r\n    \u003cng-github-card [githubUser]=\"'someGithubUser2'\" [top1]=\"'angular-github-widget'\" [top2]=\"'an-amazing-repo'\"\u003e\u003c/ng-github-card\u003e\r\n\u003c/div\u003e\r\n```\r\n\r\n#### Thank You!\r\nThank you for checking out this project, I hope it's useful to you!\r\nHave a good day!\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjregistr%2Fangular-github-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjregistr%2Fangular-github-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjregistr%2Fangular-github-widget/lists"}