Setting up Google Sign-in

  1. Navigate to the Google Cloud Platform console and click on your project/create a new project.

  2. Navigate to “APIs & Services” on the left pane and click on Credentials. image

  3. If using an existing OAuth client, select it. Otherwise, click “Create Credentials” with OAuth Client ID option, and select “Web Application”. image

  4. Set “Authorized JavaScript origins” to your site’s URL (or http://localhost:3000 for testing).

  5. If creating a new OAuth client, click Create and keep the Client ID given.

  6. Navigate to “OAuth consent screen” on the left pane. Change the user type to “External” with “Testing” publishing status. This allows emails outside the Blueprint org to login. image image

  7. Add Test Users for local development. image

  8. Navigate to the Firebase console for your project -> Build -> Authentication. image

  9. Click the Sign-in method tab and enable the Google provider. image

  10. Add the OAuth Client ID to your frontend .env file. Otherwise, your Google login button will be greyed out on the frontend. 
    REACT_APP_OAUTH_CLIENT_ID=<insert-your-client-id>