https://github.com/tqmvt/aws-react-auth-amplify
Implements a basic authentication flow for signing up/signing in users as well as protected client side routing using AWS Amplify.
https://github.com/tqmvt/aws-react-auth-amplify
Last synced: 9 days ago
JSON representation
Implements a basic authentication flow for signing up/signing in users as well as protected client side routing using AWS Amplify.
- Host: GitHub
- URL: https://github.com/tqmvt/aws-react-auth-amplify
- Owner: tqmvt
- Created: 2022-11-14T14:54:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-14T15:13:43.000Z (over 2 years ago)
- Last Synced: 2025-02-17T02:19:07.096Z (3 months ago)
- Language: JavaScript
- Size: 18.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Create-react-app with AWS Amplify Auth
This auth starter implements withAuthenticator HOC to provide a basic authentication flow for signing up signing in users as well as protected client side routing using AWS Amplify. Auth features: User sign up, User sign in, Multi-factor Authentication, User sign-out.
[View Demo](https://master.d2ka7y7551sk8n.amplifyapp.com/)
## Deploy with the AWS Amplify Console
The AWS Amplify Console provides hosting for fullstack serverless web apps. [Learn more](https://console.amplify.aws). Deploy this app to your AWS account with a single click:
[](https://console.aws.amazon.com/amplify/home#/deploy?repo=https://github.com/aws-samples/create-react-app-auth-amplify)
The Amplify Console will fork this repo in your GitHub account, and then build and deploy your backend and frontend in a single workflow. Your app will be available at `https://master.appid.amplifyapp.com`.
## Run locally with the Amplify CLI
1. Clone the repo that was just forked in your account
```
git clone [email protected]:/create-react-app-auth-amplify.git
cd create-react-app-auth-amplify && npm install
```
2. Import the backend environment deployed by the Amplify Console to your repo (the `amplify/team-provider.json` file contains information on all backend environments in your AWS account). The GIF below shows how you to copy the `amplify env import` command from the Amplify Console.
3. Paste this command into your terminal at the root of your repo. You should see the `amplify/team-provider.json` updated with a backend named `amplify`.
```
amplify pull
```
4. Run locally
```
npm start
```
Checkout Nader Dabit's [Complete Guide to User Authentication](https://dev.to/dabit3/the-complete-guide-to-user-authentication-with-the-amplify-framework-2inh).