{"id":18861334,"url":"https://github.com/esausilva/profile-updater","last_synced_at":"2026-04-29T21:01:46.085Z","repository":{"id":40745362,"uuid":"104681028","full_name":"esausilva/profile-updater","owner":"esausilva","description":"A React App to Update Your Social Medial Profiles: Twitter, GitHub \u0026 Facebook","archived":false,"fork":false,"pushed_at":"2023-01-25T08:17:26.000Z","size":1040,"stargazers_count":1,"open_issues_count":18,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-19T16:53:31.913Z","etag":null,"topics":["facebook","firebase","github","react","twitter"],"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/esausilva.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":"2017-09-24T22:37:37.000Z","updated_at":"2021-04-23T13:18:16.000Z","dependencies_parsed_at":"2023-01-25T23:46:03.694Z","dependency_job_id":null,"html_url":"https://github.com/esausilva/profile-updater","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/esausilva/profile-updater","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Fprofile-updater","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Fprofile-updater/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Fprofile-updater/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Fprofile-updater/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/esausilva","download_url":"https://codeload.github.com/esausilva/profile-updater/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Fprofile-updater/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32443576,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T20:22:27.477Z","status":"ssl_error","status_checked_at":"2026-04-29T20:22:26.507Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["facebook","firebase","github","react","twitter"],"created_at":"2024-11-08T04:29:09.050Z","updated_at":"2026-04-29T21:01:46.060Z","avatar_url":"https://github.com/esausilva.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/esausilva"],"categories":[],"sub_categories":[],"readme":"# profile updater\n\n\u003e Real world example app. Updates social profiles: GitHub, Twitter and Facebook\n\nThe purpose is to type your profile information once, and then send the updates to your profile in Twitter, GitHub \u0026 Facebook.\n\n## Technologies/OSS Projects Used\n\n* React\n* React Router\n* Webpack\n* Firebase for authentication and database\n* React Semantic UI\n* Node/Express\n* \u0026 tons of other NPM packages\n\n## Setting up the app\n\n### Clone this repo\n\n```\ngit clone https://github.com/esausilva/profile-updater.git\n```\n\n### Install server and client dependencies\n\n```\nyarn \u0026\u0026 cd client \u0026\u0026 yarn\n```\n\n### Environment variables (1)\n\nRun the following script to create the necessary `.env` files for the client and server. This will copy the contents of `.env.example` into the respective `.env` files.\n\n```\nyarn setup\n```\n\n### Firebase\n\n1. Create an app. [https://console.firebase.google.com/](https://console.firebase.google.com/)\n2. Select **Database** \u003e **Rules** and change the default to this:\n\n```\n{\n  \"rules\": {\n    \".read\": \"auth != null\",\n    \".write\": \"auth != null\"\n  }\n}\n```\n\n### Twitter\n\n1. Create an app and take note of the _Consumer_ and _Secret_ keys. [https://apps.twitter.com/](https://apps.twitter.com/)\n2. Go back to _Firebase_ **Authentication** \u003e **Sign-In Method**; select _Twitter_ and switch to _Enable_, then paste the _Consumer_ and _Secret_ keys from Twitter; finally copy the _callback URL_\n3. Back in Twitter paste the _callback URL_ where required\n4. Change the access levels to _Read and Write_\n\n### GitHub\n\n1. Register a new app and take note of the _Client ID_ and _Secret_. [https://github.com/settings/developers](https://github.com/settings/developers)\n2. _Go thru the same dance as with Firebase authentication with Twitter_\n3. Back in GitHub paste the _callback URL_ where required\n\n### Facebook\n\n1. Add a new app and take note of the _App ID_ and _Secret_. [https://developers.facebook.com/](https://developers.facebook.com/)\n2. _Go thru the same dance as with Firebase authentication with Twitter_\n3. Back in Facebook paste the _callback URL_ where required (Under **Products** \u003e **Facebook Login** \u003e **Settings**)\n\n### Environment variables (2)\n\nGo back to the `.env` files and paste the required keys. For the **CRYPTOJS_KEY** just create a random alphanumeric string, the longer the better.\n\n### Running the app\n\n```\nyarn dev\n```\n\nWill launch Node and React apps concurrently.\n\nTo run with [Webpack Bundle Analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer)\n\n```\nyarn dev:bundleanalyzer\n```\n\n## Giving Back\n\nIf you would like to support my work and the time I put into making tutorials, consider getting me a coffee by clicking on the image below. I would really appreciate it!\n\n[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/black_img.png)](https://www.buymeacoffee.com/esausilva)\n\n## Preview\n\n![GIF](https://i.imgur.com/Kr5TgjB.gif)\n\n![GIF](https://i.imgur.com/sVqiw0m.gif)\n\n![GIF](https://i.imgur.com/usdI3k5.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesausilva%2Fprofile-updater","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fesausilva%2Fprofile-updater","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesausilva%2Fprofile-updater/lists"}