AWS Amplify Auth

This sample application implements custom authenticator to provide a basic authentication flow for signing up signing in users as well as protected client side routing using AWS Amplify. The sample is written in React and uses AWS AppSync, Amazon Cognito, Amazon DynamoDB and Amazon S3 as well as the Amplify CLI.

Demo

Prerequisites

• AWS Account

• NodeJS with NPM

• AWS Ampify CLI

  • npm install -g @aws-amplify/cli
  • amplify configure

Getting Started

1. Clone this repo locally.

git clone https://github.com/natserract/aws-amplify-react-auth
cd aws-amplify-react-auth

2. Initialize the amplify project.

amplify init

3. Configure an Amazon Cognito User Pool to manage user credentials.

amplify add auth

4. Configure an Amazon S3 bucket to store files.

amplify add storage

5. Configure an AWS AppSync API to interact with my backend data sources such as Amazon DynamoDB, Amazon Elasticsearch, AWS Lambda, and self hosted HTTP services.

amplify add api

# When prompted for a schema.graphql provide the value "schema.graphql"
# to point to the file checked in to the root of the project directory.

After running this command, you edit the schema.graphql located at amplify/backend/api/<-projectname->/schema.graphql. You may delete the one at the root of the project directory as it will no longer be used.

6. Deploy your project.

amplify push

# When asked if you would like to generate client code, you can
# say no since we are using plain JavaScript.

7. Install client dependencies.

npm install

# or
yarn

8. Run the react application

cd client
npm run start

# or
cd client
yarn start