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.

Home Page:http://andrejgajdos.com/authenticating-users-in-single-page-applications-using-node-passport-react-and-redux/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

πŸ” 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/

License:MIT License


Languages

Language:JavaScript 91.4%Language:CSS 6.8%Language:HTML 1.8%