{"id":18635013,"url":"https://github.com/nexxtway/react-rainbow-firebase-auth","last_synced_at":"2026-02-05T05:34:52.817Z","repository":{"id":43162271,"uuid":"155813989","full_name":"nexxtway/react-rainbow-firebase-auth","owner":"nexxtway","description":"Firebase Authentication UI build using react-rainbow ","archived":false,"fork":false,"pushed_at":"2023-01-04T21:44:15.000Z","size":1063,"stargazers_count":17,"open_issues_count":28,"forks_count":3,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-25T11:38:29.687Z","etag":null,"topics":["auth","authentication","components","firebase","react","react-rainbow","react-rainbow-components"],"latest_commit_sha":null,"homepage":"https://react-rainbow-firebase-auth.web.app","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/nexxtway.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-11-02T04:27:02.000Z","updated_at":"2022-09-03T03:24:08.000Z","dependencies_parsed_at":"2023-02-02T21:00:54.983Z","dependency_job_id":null,"html_url":"https://github.com/nexxtway/react-rainbow-firebase-auth","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexxtway%2Freact-rainbow-firebase-auth","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexxtway%2Freact-rainbow-firebase-auth/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexxtway%2Freact-rainbow-firebase-auth/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexxtway%2Freact-rainbow-firebase-auth/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nexxtway","download_url":"https://codeload.github.com/nexxtway/react-rainbow-firebase-auth/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248361450,"owners_count":21090900,"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":["auth","authentication","components","firebase","react","react-rainbow","react-rainbow-components"],"created_at":"2024-11-07T05:23:03.590Z","updated_at":"2026-02-05T05:34:47.794Z","avatar_url":"https://github.com/nexxtway.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-rainbow-firebase-auth\n\nUser authentication is often the hardest part of building any web app, especially if you want to integrate multiple providers. Having a profile is one of the most common features you will need to add on your projects. Now all the tough work has been done for you as a templete build in `React` that will allow you in just a few minutes to authenticate using Firebase service.\n\n#### The project uses:\n\n- react 16.12.0\n- react-dom 16.12.0\n- react-redux 7.1.3\n- react-router-dom 5.1.2\n- react-intl 3.6.2\n- redux 4.0.4\n- redux-form 8.2.6\n- firebase 7.4.0\n- styled-components 4.4.1\n- react-rainbow-components 1.11.0\n- eslint 6.1.0\n- stylelint 12.0.0\n- cypress 3.7.0\n\n## Providers supported:\n\n- Google\n- Facebook\n\n## Features:\n\n- Ideal authentication UI and security solution for modern Single Page Apps\n- Supports local login with username, e-mail and password using best security practices\n- Supports social login with Facebook and Google using best security practices\n- User profile page with the ability to update your current password, username and e-mail\n- Sends system emails for password reset\n- Facebook and Google integration fully tested\n- Integration test with Cypress\n\n## Install \u0026 Run\n\n- These instructions are basic, you can use any method to do this work.\n\n1. Make a new folder for your repo\n2. Start a Git instance and copy over template files\n3. Overwrite this README\n4. Make sure to change the repo title\n5. Make sure to change the `manifest.json` on the `public` folder\n6. Make sure to change the `firebase.js` on the `src` folder\n\n## Miscellaneous\n\n#### Before you begin\n\n[Add Firebase to your JavaScript project](https://firebase.google.com/docs/web/setup)\n\n#### Be ready to get acces with Facebook provider\n\n1. On the [Facebook for Developers site](https://developers.facebook.com/docs/facebook-login), get the **App ID** and an **App Secret** for your app\n2. Enable Facebook Login:\n    1. In the [Firebase console](https://console.firebase.google.com), open the **Auth** section.\n    2. On the **Sign in method** tab, enable the **Facebook** sign-in method and specify the **App ID** and **App Secret** you got from Facebook.\n    3. Then, make sure your **OAuth redirect URI** (e.g. `my-app-12345.firebaseapp.com/__/auth/handler`) is listed as one of your **OAuth redirect URIs** in your Facebook app's settings page on the [Facebook for Developers](https://developers.facebook.com) site in the **Product Settings \u003e Facebook Login** config.\n\n#### Be ready to get acces with Google provider\n\n1. Enable Google Sign-In in the Firebase console:\n    1. In the [Firebase console](https://console.firebase.google.com), open the **Auth** section.\n    2. On the **Sign in method** tab, enable the **Google** sign-in method and click **Save**.\n\n#### Be ready to get acces with GitHub provider\n\n1. In the [Firebase console](https://console.firebase.google.com), open the **Auth** section.\n2. On the **Sign in method** tab, enable the **GitHub** provider.\n3. Add the **Client ID** and **Client Secret** from that provider's developer console to the provider configuration:\n    1. [Register your app](https://github.com/settings/applications/new) as a developer application on GitHub and get your app's OAuth 2.0 **Client ID** and **Client Secret**.\n    2. Make sure your Firebase **OAuth redirect URI** (e.g. `my-app-12345.firebaseapp.com/__/auth/handler`) is set as your **Authorization callback URL** in your app's settings page on your [GitHub app's config](https://github.com/settings/developers).\n4. Click **Save**.\n\n## Supporters\n\nThis is an open-source projectOpen maintained by [Nexxtway Corp.](https://nexxtway.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnexxtway%2Freact-rainbow-firebase-auth","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnexxtway%2Freact-rainbow-firebase-auth","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnexxtway%2Freact-rainbow-firebase-auth/lists"}