Aws Mobile React Sample

A React Starter App that displays how web developers can integrate their front end with AWS on the backend. The App interacts with AWS Cognito, API Gateway, Lambda and DynamoDB on the backend.

Overview

The AWS Mobile React Starter Kit is a sample application that allows users to bootstrap a React application on AWS. It automatically provisions a Serverless infrastructure with authentication, authorization, website hosting, API access, and database operations. The sample use case is a “Restaurant” ordering system. After a user registers and logs in, they can view different restaurant menus, select items, and place orders. The starter kit uses the AWS Amplify JavaScript library to add cloud support to the application.

Features

Serverless infrastructure provisioning
User authentication and authorization
Website hosting
API access
Database operations
User registration and MFA support
Restaurant menu viewing and order placement

Installation

Install NodeJS with NPM.
Install the AWS Mobile CLI globally by running npm install -g awsmobile-cli.
Create your backend resources and download the sample code inside a folder named “my-project”.
Run the app by navigating to the “my-project” folder in the terminal and running the command awsmobile run.

Summary

The AWS Mobile React Starter Kit is a comprehensive solution for building a React application on AWS. It provides all the necessary components for creating a serverless infrastructure with user authentication, database operations, and API access. The sample use case of a restaurant ordering system showcases the capabilities of the starter kit. With the use of the AWS Amplify library, developers can quickly bootstrap their React applications and leverage AWS services for scalability and reliability.