Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dabit3/react-authentication-in-depth
Example of User Authentication using React with React Router and AWS Amplify
https://github.com/dabit3/react-authentication-in-depth
authentication react react-authentication react-router
Last synced: 3 days ago
JSON representation
Example of User Authentication using React with React Router and AWS Amplify
- Host: GitHub
- URL: https://github.com/dabit3/react-authentication-in-depth
- Owner: dabit3
- Created: 2018-03-08T19:26:45.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-03-23T20:48:21.000Z (over 6 years ago)
- Last Synced: 2024-08-02T07:22:12.986Z (3 months ago)
- Topics: authentication, react, react-authentication, react-router
- Language: JavaScript
- Size: 725 KB
- Stars: 60
- Watchers: 4
- Forks: 14
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-aws-amplify - React Authentication Example
README
# React Authentication Example
This repo goes along with the blog post React Authentication in Depth
## This project features:
- User sign up
- User sign in
- 2 factor authentication
- Real world auth flow using React Router
- Protected routes
- Redirects for unauthorized users
- TOTP
## Getting started
1. clone the project
```
git clone https://github.com/dabit3/react-authentication-in-depth.git
```
2. install dependencies using npm or yarn
```
yarn || npm i
```
3. Start project
```
npm start
```
## Setting up AWS services
If you do not have your AWS services already created, follow these steps. If you already have your services set up, just configure your aws-exports.js file.
1. from the root of the project, create awsmobile project
```
awsmobile init
```
2. add user sign-in / authentication (Amazon Cognito)
```
awsmobile user-signin enable
```
3. push new services to console
```
awsmobile push
```