Skip to content
This repository has been archived by the owner on Oct 4, 2022. It is now read-only.

Updated demo to use new authenticator #113

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# Create-react-app with AWS Amplify Auth
# 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/)
[View Docs And Demo](https://ui.docs.amplify.aws/components/authenticator)
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder if instead of having the demo here, we instead have a link to the UI docs that has a demo on it too.


![Amplify Auth](src/images/auth.gif)

Expand All @@ -18,28 +18,28 @@ The Amplify Console will fork this repo in your GitHub account, and then build a

1. Clone the repo that was just forked in your account

```
git clone [email protected]:<username>/create-react-app-auth-amplify.git
```
git clone [email protected]:<username>/create-react-app-auth-amplify.git

cd create-react-app-auth-amplify && npm install
```
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.
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.

<img src="https://github.com/aws-samples/create-react-app-auth-amplify/blob/master/src/images/import-backend.gif" width="800"/>

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
```
```
amplify pull
```

![img](src/images/amplify-pull.mov)
![Amplify Pull](src/images/src_images_amplify-pull.gif)
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated this video because it was broken on previous readme


4. Run locally

```
npm start
```
```
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).
Loading