https://github.com/esausilva/react-firebase-oauth

React app to showcase OAuth Authentication with GitHub, Twitter and Facebook using Firebase
https://github.com/esausilva/react-firebase-oauth

firebase firebase-auth firebase-authentication react

Last synced: 8 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/esausilva/react-firebase-oauth
• Owner: esausilva
• License: mit
• Created: 2018-03-17T13:58:29.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T17:13:28.000Z (almost 2 years ago)
• Last Synced: 2024-04-15T01:22:42.058Z (7 months ago)
• Topics: firebase, firebase-auth, firebase-authentication, react
• Language: JavaScript
• Homepage: https://esausilva.com/2018/08/13/react-oauth-authentication-with-firebase-tutorial/
• Size: 3.64 MB
• Stars: 13
• Watchers: 4
• Forks: 6
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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://esausilva.com/2018/08/13/react-oauth-authentication-with-firebase-tutorial/](https://esausilva.com/2018/08/13/react-oauth-authentication-with-firebase-tutorial/)

## Preview

![GIF](https://i.imgur.com/XqebRL8.gif)

## Giving Back

If 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!

[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/black_img.png)](https://www.buymeacoffee.com/esausilva)

-Esau