Aws Mobile React Sample

screenshot of Aws Mobile React Sample
react

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

  1. Install NodeJS with NPM.
  2. Install the AWS Mobile CLI globally by running npm install -g awsmobile-cli.
  3. Create your backend resources and download the sample code inside a folder named "my-project".
  4. 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.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components