Building Serverless Web Applications with React & AWS Amplify

[zacjones93]

Primary Tags

React, AWS

https://egghead.io/courses/building-serverless-web-applications-with-react-aws-amplify

When building a real-world web application there are a ton of essential basic requirements. In this series we’ll look at how to quickly & easily implement many of these essential features like user authentication with Amazon Cognito, managed GraphQL with AWS AppSync, storage with Amazon S3, Lambda functions, & then we'll deploy your application on AWS using Amazon S3.

[MaggieAppleton]

Creative Brief: Building Serverless Web Applications with React & AWS Amplify

Primary Tech – React & AWS Amplify

React Logo

AWS Amplify Logo

---

Course link: Building Serverless Web Applications with React & AWS Amplify

Course description:

When building a real-world web application there are a ton of essential basic requirements. In this series we’ll look at how to quickly & easily implement many of these essential features like user authentication with Amazon Cognito, managed GraphQL with AWS AppSync, storage with Amazon S3, Lambda functions, & then we'll deploy your application on AWS using Amazon S3.

---

Previous React & AWS Illustrations

---

Main Concepts

AWS Amplify is a library for building cloud-powered web & mobile apps.
Allows you to easily adds features to an app like analytics, bots, APIs, authentication, storing user data, notifications, and a library of styled UI components.
Official AWS Amplify Page

AWS is also serverless, which means that the app isn't stored somewhere on a single server. It's distributed across many hundreds of servers on amazon's cloud network.
This makes the app very flexible and scalable. Eg. If a lot of users all try to log on to the app at one time, the system can easily handle it.

The illustration should communicate the idea of a scalable, serverless app. And include the colours & logos of React and AWS

Key Qualities:

• Serverless – distributed, in the cloud, many small nodes of a large network, spread out,
• Scalable – able to easy grow from small to big
• Lots of features built-in – authentication / security, storage, UI library, bots

Keywords:

Amplification – volume, speakers, music equipment, sound system, loudspeaker, increasing scale, amps, music festivals

Distributed – spread out, many small parts forming a larger whole,

Ideas to Start With

• A series of speakers spread out in space, but all playing/projecting the same stream of sound
• A volume music bar rising from soft to loud
• A loudspeaker / large amp / sound system blasting out elements of a web app