{"id":16228415,"url":"https://github.com/nateshmbhat/react-profiles","last_synced_at":"2025-03-19T13:31:25.708Z","repository":{"id":55366362,"uuid":"162652758","full_name":"nateshmbhat/react-profiles","owner":"nateshmbhat","description":"A set of Profile UI components like Github , Stackoverflow , hackerrank with automatic api calls to get the profile data of a user.","archived":false,"fork":false,"pushed_at":"2021-01-05T04:42:36.000Z","size":998,"stargazers_count":6,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-28T19:00:51.208Z","etag":null,"topics":["profile-component","react","react-github","react-profile","react-profiles","react-stackoverflow","stackoverflow-component"],"latest_commit_sha":null,"homepage":"","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/nateshmbhat.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}},"created_at":"2018-12-21T02:01:32.000Z","updated_at":"2024-07-08T18:52:42.000Z","dependencies_parsed_at":"2022-08-14T22:40:20.178Z","dependency_job_id":null,"html_url":"https://github.com/nateshmbhat/react-profiles","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nateshmbhat%2Freact-profiles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nateshmbhat%2Freact-profiles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nateshmbhat%2Freact-profiles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nateshmbhat%2Freact-profiles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nateshmbhat","download_url":"https://codeload.github.com/nateshmbhat/react-profiles/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243992395,"owners_count":20380196,"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":["profile-component","react","react-github","react-profile","react-profiles","react-stackoverflow","stackoverflow-component"],"created_at":"2024-10-10T12:55:18.652Z","updated_at":"2025-03-19T13:31:24.483Z","avatar_url":"https://github.com/nateshmbhat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-profiles\n\n**A collection various Profile components with auto data retrieval using public APIs and auto cache management of profile data. You wanna showcase your profile ? Style it up with react-profiles :)**\n\n\n## Features : \n+ Profile components for lot of common sites.\n+ Compressed SVG icons for scalability.\n+ Uses public APIs to fetch data based on given username\n+ Manages caching of API data automatically with appropriate refresh frequency.\n+ Material ui components for visual treat.\n+ Tooltip customization.\n\n\n[![](https://i.imgur.com/Y6zaXQp.gif)](#)\n\n\n## Usage : \n\n```npm\nnpm install react-profiles\n```\n\n\n```js\nimport { GitHub, HackerRank, Facebook, StackOverflow, LinkedIn, Instagram, GooglePlus, Youtube, Yahoo, Twitch, Twitter, Skype } from 'react-profiles';\n\n```\n\n#### **NOTE : DONT FORGET to include fontawesome css in your index.html**\n```html\n\u003clink href=\"http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css\" rel=\"stylesheet\"  type='text/css'\u003e\n```\n\n\n\n\n### Profile Bars : \n\n\n\n#### GitHub (auto fetch data) : \n[![](https://i.imgur.com/6Rmbhqe.png)](#)\n\n```js\n\u003cGitHub username=\"nateshmbhat\" /\u003e\n```\n\n\n#### StackOverflow (auto fetch data) : \n[![Imgur](https://imgur.com/LB4rfpI.png)](#)\n\n```js\n\u003cStackOverflow userid=\"6665568\" tooltip=\"custom tooltip\" /\u003e\n```\n\n\n#### LinkedIn (no auto fetch): \n\n[![](https://i.imgur.com/AypR95e.png)](#)\n```js\n\u003cLinkedIn username=\"nateshmbhat\" organization=\"Google\" role=\"Developer\" /\u003e\n```\n\n\n#### HackerRank (no auto fetch): \n\n[![](https://i.imgur.com/AKEDXii.png)](#)\n```js\n\u003cHackerRank username=\"nateshmbhat1\" rank={4900} category=\"Algorithm Practice\"\n    competitions=\"13\"\n    contestRating=\"1500\"\n    gold=\"1\"\n    silver=\"2\"\n    bronze=\"3\"\n/\u003e\n```\n\n\n\n\n### Profile Chips : \n\n[![](https://imgur.com/XZ2S0JX.png)](#)\n\n```js\n\u003cInstagram link=\"https://www.instagram.com/nateshmbhat/\" /\u003e\n\u003cFacebook link=\"\" newPage{false}/\u003e\n\u003cGooglePlus link=\"\" newPage={false} /\u003e\n\u003cYoutube link=\"\" /\u003e\n\u003cTwitch link=\"\" /\u003e\n\u003cTwitter link=\"\" /\u003e\n\u003cSkype link=\"\" /\u003e\n\u003cYahoo link=\"\" tooltip=\"My tooltip\"  /\u003e\n```\n\n\n\nProps :\n \n+ newPage = open new page on clicking link (default = true)\n+ link = profile link\n+ tooltip = tooltip to be shown on mouse hover\n\n\n## Links : \n+ **Homepage :** https://github.com/nateshmbhat/react-profiles/\n+ **npm install page :** https://www.npmjs.com/package/react-profiles\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnateshmbhat%2Freact-profiles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnateshmbhat%2Freact-profiles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnateshmbhat%2Freact-profiles/lists"}