{"id":13577774,"url":"https://github.com/axelmy318/react-github-scraper","last_synced_at":"2025-07-13T11:33:11.901Z","repository":{"id":143905364,"uuid":"451784437","full_name":"axelmy318/react-github-scraper","owner":"axelmy318","description":"Provides multiple customizable components to automatically load and display GitHub repositories data by just passing the targeted repository!","archived":false,"fork":false,"pushed_at":"2022-12-10T16:02:43.000Z","size":674,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-05T15:47:50.779Z","etag":null,"topics":["axios","fetch","github","github-api","javascript","nodejs","react","reactjs"],"latest_commit_sha":null,"homepage":"https://axelmy-projects-showcase.firebaseapp.com/react-github-scraper","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/axelmy318.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-01-25T07:52:14.000Z","updated_at":"2022-11-02T23:08:59.000Z","dependencies_parsed_at":"2023-04-05T06:32:16.921Z","dependency_job_id":null,"html_url":"https://github.com/axelmy318/react-github-scraper","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/axelmy318%2Freact-github-scraper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axelmy318%2Freact-github-scraper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axelmy318%2Freact-github-scraper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axelmy318%2Freact-github-scraper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/axelmy318","download_url":"https://codeload.github.com/axelmy318/react-github-scraper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226949814,"owners_count":17708120,"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":["axios","fetch","github","github-api","javascript","nodejs","react","reactjs"],"created_at":"2024-08-01T15:01:24.218Z","updated_at":"2024-11-28T16:31:31.319Z","avatar_url":"https://github.com/axelmy318.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\n# react-github-scraper 👋\n\nProvides multiple customizable components to automatically load and display data from the Github API by just passing the targeted repository!\n\n## Installation\n`npm i react-github-scraper`\n\n## Demo \u0026 API 👀\n\n[https://axelmry.com/react-github-scraper](https://axelmry.com/react-github-scraper) (...with code 😉)\n\n## Components\n\n- GithubScraper\n    - Repository related\n        - Contributors\n        - ForksCount\n        - Languages\n        - PushedAt\n        - Size\n        - StargazersCount\n        - Topics\n        - WatchersCount\n        - Commits\n    - User related\n        - MemberSince\n        - OwnerAvatar\n        - OwnerFollowersCount\n        - PublicReposCount\n\n## Usage 💻\n\n```javascript\nimport GithubScraper, { \n    Languages, \n    StargazersCount, \n    Topics, PushedAt, \n    Contributors, \n    Size \n} from 'react-github-scraper';\n\nconst Example = () =\u003e {\n    return (\n        \u003cGithubScraper \n            username='axelmy318' \n            repository='react-github-scraper' \n            branch='master' // default 'main'\n            lang='en' // default 'en'. Defines the language used for dates and such...\n        \u003e\n            \u003cStargazersCount prefix=\"⭐\u0026nbsp;\" label={'Stargazers count'} /\u003e\n            \u003cLanguages label={'Languages'} /\u003e\n            \u003cTopics label={'Topics'} /\u003e\n            \u003cContributors label={'Contributors'} /\u003e\n            \u003cPushedAt label={'Last push'} /\u003e\n            \u003cSize label={'Size'} /\u003e\n        \u003c/GithubScraper\u003e\n    )\n}\n\n\nexport default Example\n```\n\n\n## Configuration\n\nTo know what is the targeted repository, you have to wrap your components into `\u003cGithubScraper\u003e` and pass it the `username`, `repository` and optionally `branch` as props.\n\n\n## Screenshots\nHere is what you can get by mixing some of your own CSS with the example in the \"Usage\" section\n\n![screenshot1](https://i.imgur.com/AqfIWku.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxelmy318%2Freact-github-scraper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faxelmy318%2Freact-github-scraper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxelmy318%2Freact-github-scraper/lists"}