An open API service indexing awesome lists of open source software.

https://github.com/abhiramborige/flask-react-google-login

Google Login using React, Flask, Google OAuth, JWT
https://github.com/abhiramborige/flask-react-google-login

flask-application google-signin jwt-authentication jwt-token oauth2 react reactjs

Last synced: about 1 year ago
JSON representation

Google Login using React, Flask, Google OAuth, JWT

Awesome Lists containing this project

README

          

## Client side: React:
### Steps:
1. create .env file
```
REACT_APP_BACKEND_URL= http://localhost:5000
```
2. Use the commands to start the app locally.
```
cd google-login-react
npm install
npm start
```

## Server side: Flask:
### Steps:
1. create .env file
```
DB_NAME=
CLUSTER_URL=
GOOGLE_CLIENT_ID=
SECRET_KEY=
ALGORITHM=
PROJECT_ID=
BACKEND_URL=http://127.0.0.1:5000
FRONTEND_URL=http://localhost:3000
```
2. Go to https://console.cloud.google.com/ and create client secrets and configuration file
3. Save as client-secret.json
4. Use the commands to start the server locally.
```
cd flask-server-google
pip install virtualenv
virtualenv google_env
cd google_env/Scripts
activate
cd ..
cd ..
pip install -r requirements.txt
python app.py
```