travelingflwr / react-firebase-oauth

React app to showcase OAuth Authentication with GitHub, Twitter and Facebook using Firebase

Home Page:https://blog.bitsrc.io/react-oauth-authentication-with-firebase-dfe0e8c5d0d4

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OAuth Authentication with Firebase

React app to showcase OAuth Authentication with GitHub, Twitter and Facebook using Firebase

This app has been bootstrapped with Create React App so you will need create-react-app installed.

To install

$ npm install -g create-react-app

Usage

Install dependencies

$ yarn
$ cd client
$ yarn
$ cd ..

Run development server

  • From root directory
$ yarn dev:client
  • From client directory
$ yarn start

Production

$ dev:server

This will create the production build and Node will serve the app, then you can visit http://localhost:5000/

Setup

First create the required .env file, run

$ cd client && yarn setup

Before we begin working on the React app, we will need to create a project in Firebase, then setup new apps on GitHub, Twitter and Facebook.

Follow the tutorial for detailed step-by-step guide.

https://blog.bitsrc.io/react-oauth-authentication-with-firebase-dfe0e8c5d0d4

Preview

GIF

Giving Back

If you would like to support my work and the time I put in making tutorials, you can click the image below to get me a coffee. I would really appreciate it (but is not required).

Buy Me A Coffee

-Esau

About

React app to showcase OAuth Authentication with GitHub, Twitter and Facebook using Firebase

https://blog.bitsrc.io/react-oauth-authentication-with-firebase-dfe0e8c5d0d4

License:MIT License


Languages

Language:JavaScript 81.9%Language:CSS 10.6%Language:HTML 7.5%