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.
http://andrejgajdos.com/authenticating-users-in-single-page-applications-using-node-passport-react-and-redux/
MIT License
30 stars 8 forks source link
javascript koa koajs node nodejs oauth passport passport-facebook passport-local passportjs react reactjs reactrouter redux redux-saga

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

Preview

Demo

auth-flow-in-spa.herokuapp.com

Configuration

If you want to use authentication with facebook, you need to create a new facebook app, 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 file in root of project folder.

Install and Run

1) Install Redis

2) Install npm dependencies

# install dependencies
$ npm i
# 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