eisekson / aws-cognito-angular2-quickstart

An Angular2-based quickstart web app utilizing Amazon Cognito, S3, and DynamoDB (serverless architecture)

Cognito Quickstart

What does this app do?

Tech Stack

Required Tools

• aws cli
• npm
• angular-cli

Frameworks

• AWS JavaScript SDK
• Angular 2
  • TypeScript
• Bootstrap

AWS Setup

Install the required tools

• Create an AWS account
• Install npm
• Run npm install at the project's root level
• Install or update your aws cli
• Install angular-cli

This will install the AWS resources

• cd aws
• ./createResources.sh

Getting the code

# Clone it from github
git clone --depth 1 [email protected]:awslabs/aws-cognito-angular2-quickstart.git

# Install the NPM packages
npm install

# Run the app in dev mode
npm start

# Build the project and sync the output with the S3 bucket
ng build; cd dist; aws s3 sync . s3://budilov-cognito/

# Test it out
curl –I http://budilov-cognito.s3-website-us-east-1.amazonaws.com/

Necessary changes

Modify the following 2 files with your newly-created AWS service ids (Cognito, DDB, etc)

src/environments/environment.ts
src/environments/environment.prod.ts