Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/przemek-nowicki/auth-react-and-redux
Oauth2.0 and JWT authentication with React, Redux and Node.js
https://github.com/przemek-nowicki/auth-react-and-redux
facebook-oath google-oauth jwt oath passport passport-facebook passport-google passport-jwt react react-jwt redux sign-in-with-facebook sign-in-with-google spa
Last synced: 18 days ago
JSON representation
Oauth2.0 and JWT authentication with React, Redux and Node.js
- Host: GitHub
- URL: https://github.com/przemek-nowicki/auth-react-and-redux
- Owner: przemek-nowicki
- Created: 2018-10-22T17:14:34.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-22T09:41:05.000Z (almost 2 years ago)
- Last Synced: 2024-10-03T23:21:34.997Z (about 1 month ago)
- Topics: facebook-oath, google-oauth, jwt, oath, passport, passport-facebook, passport-google, passport-jwt, react, react-jwt, redux, sign-in-with-facebook, sign-in-with-google, spa
- Language: JavaScript
- Homepage:
- Size: 428 KB
- Stars: 14
- Watchers: 2
- Forks: 1
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React authentication with google, facebook via OAuth (React, Redux, JWT).
## Setup
Rename config `example-application.js` file to `application.js` inside `backend/config` directory.
Set your facebook and google app id, database connection and other settings.
By default feel free to use my configuration.## Instalation
In root directory:
`npm install`
Go to `backend` directory and install all dependencies:
`npm install`## Run
### Frontend
In root directory run:
`npm start`### Backend
In separate terminal run backend service:
`cd backend`
`npm start`### Docker
If you have docker cpmpose installed you can use a one-liner command instead of jumping into different directories:
`docker-compose up --build`
Open http://localhost:3000 in your browser, you should see the below screen:![picture alt](http://assets.miwu.pl/oauth-sign-in-form.png "Form")