Create Apps

Creating a Facebook App

• Create a Facebook app by going here.
• Go to the basic settings of the app.
• Scroll down and click "Add Platform" then click on "Website".
• In the Site url field add the following :

1. If you are running the application locally, then add this http://localhost:3000
2. If you are running the application via gitpod, then add your gitpod url.

• Now, click "Products" in the sidebar and setup the "Facebook Login" product.
• Go to the settings of "Facebook Login".
• In Valid OAuth Redirect URIs field add the following :

1. If you are running the application locally, then add this http://localhost:3000/users/auth/facebook/callback.
2. If you are running the application via gitpod, then add this <gitpod url>/users/auth/facebook/callback in Valid OAuth Redirect URIs.

• Voila 🍻 You have created a Facebook app.
• Note the App ID and App Secret.

Creating a Google App

• Go to the Credentials page.
• Click Create credentials > OAuth client ID.
• Select the Web application application type.
• Name your OAuth 2.0 client and click Create
• In the Authorized JavaScript origins field add the following :

1. If you are running the application locally, then add this http://localhost:3000
2. If you are running the application via gitpod, then add your gitpod URL

• In the Authorized redirect URIs field add the following :

1. If you are running the application locally, then add this http://localhost:3000/users/auth/google_oauth2/callback.
2. If you are running the application via gitpod, then add this <gitpod url>/users/auth/google_oauth2/callback.

• Voila 🍻 You have created a Google app.
• Note the client ID and Client Secret.

Creating a Github App

• Create a Github app by going here.
• In the Homepage URL field add the following :

1. If you are running the application locally, then add this http://localhost:3000
2. If you are running the application via gitpod, then add your gitpod url.

• In Authorization callback URL field add the following :

1. If you are running the application locally, then add this http://localhost:3000/users/auth/github/callback.
2. If you are running the application via gitpod, then add this <gitpod url>/users/auth/github/callback.

• Voila 🍻 You have created a Github app.
• Note the client ID and Client Secret.

Creating a Gitlab App

• Create a new gitlab app by going here.

1. Give a name for an application.
2. Give Redirect URI,
   • For localhost, http://localhost:3000/users/auth/gitlab/callback
3. Enable Scopes:
   • read_user
4. Save the application.

• Voila 🍻 You have created a Gitlab app.
• Note the client ID and Client Secret.