https://github.com/andrejgajdos/auth-flow-spa-node-react
🔐 User authentication in SPA, built with Node.js and React (Koa, Passport, Redux, Redux-Saga and React Router). Local authentication – users can log in using username, passport and authentication through Facebook.
https://github.com/andrejgajdos/auth-flow-spa-node-react
javascript koa koajs node nodejs oauth passport passport-facebook passport-local passportjs react reactjs reactrouter redux redux-saga
Last synced: about 1 month ago
JSON representation
🔐 User authentication in SPA, built with Node.js and React (Koa, Passport, Redux, Redux-Saga and React Router). Local authentication – users can log in using username, passport and authentication through Facebook.
- Host: GitHub
- URL: https://github.com/andrejgajdos/auth-flow-spa-node-react
- Owner: AndrejGajdos
- License: mit
- Created: 2018-06-22T13:58:46.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-24T14:05:25.000Z (almost 7 years ago)
- Last Synced: 2025-03-25T20:51:15.602Z (about 2 months ago)
- Topics: javascript, koa, koajs, node, nodejs, oauth, passport, passport-facebook, passport-local, passportjs, react, reactjs, reactrouter, redux, redux-saga
- Language: JavaScript
- Homepage: http://andrejgajdos.com/authenticating-users-in-single-page-applications-using-node-passport-react-and-redux/
- Size: 3 MB
- Stars: 30
- Watchers: 1
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# auth-flow-spa-node-react
User authentication in SPA, built with Node.js and React (Koa, Passport, Redux, Redux-Saga, React Router). Local authentication, where users can log in using a username and passport and authentication through Facebook.
[Authenticating Users in SPA using Node, Passport, React and Redux](http://andrejgajdos.com/authenticating-users-in-single-page-applications-using-node-passport-react-and-redux/)
## Preview
## Demo
[auth-flow-in-spa.herokuapp.com](https://auth-flow-in-spa.herokuapp.com/about)
## Configuration
If you want to use authentication with facebook, you need to create a new [facebook app](https://developers.facebook.com/docs/apps/register/), enable OAuth Login in `Settings -> Facebook Login` and add `Valid OAuth Redirect URIs`. Then you need to copy `Client Token` and `App Id` into [.env](https://www.npmjs.com/package/dotenv) file in root of project folder.
## Install and Run
1) Install [Redis](https://redis.io/topics/quickstart)
2) Install npm dependencies
```bash
# install dependencies
$ npm i
```
```bash
# run project
# run redis
$ redis-server
# run webpack server to serve front-end code
$ npm run webpack
# run node.js server
$ npm run api
```
## License
MIT © [Andrej Gajdos](http://andrejgajdos.com)