aws-samples / Aws Amplify Graphql
Licence: other
Sample using AWS Amplify and AWS AppSync together for user login and authorization when making GraphQL queries and mutations. Also includes complex objects for uploading and downloading data to and from S3 with a React app.
Stars: ✭ 490
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Aws Amplify Graphql
Workshop Donkeytracker
Workshop to build a serverless tracking application for your mobile device with an AWS backend
Stars: ✭ 27 (-94.49%)
Mutual labels: s3, dynamodb, cognito
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.
Stars: ✭ 650 (+32.65%)
Mutual labels: s3, dynamodb, cognito
Aws Mobile React Native Starter
AWS Mobile React Native Starter App https://aws.amazon.com/mobile
Stars: ✭ 2,247 (+358.57%)
Mutual labels: s3, dynamodb, cognito
aws-pdf-textract-pipeline
🔍 Data pipeline for crawling PDFs from the Web and transforming their contents into structured data using AWS textract. Built with AWS CDK + TypeScript
Stars: ✭ 141 (-71.22%)
Mutual labels: dynamodb, s3
Amplify Photo Sharing Workshop
Building full-stack cloud apps with AWS Amplify and React
Stars: ✭ 143 (-70.82%)
Mutual labels: graphql, dynamodb
aws-certified-developer-associate-udemy-notes
AWS Certified Developer Associate Udemy Notes
Stars: ✭ 20 (-95.92%)
Mutual labels: dynamodb, s3
react-native-appsync-s3
React Native app for image uploads to S3 and storing their records in Amazon DynamoDB using AWS Amplify and AppSync SDK
Stars: ✭ 18 (-96.33%)
Mutual labels: dynamodb, s3
Moviesapp
React Native Movies App: AWS Amplify, AWS AppSync, AWS Cognito, GraphQL, DynamoDB
Stars: ✭ 78 (-84.08%)
Mutual labels: graphql, dynamodb
ses-email-client
Simple, serverless client for AWS SES. With this, you can send/read emails received by SES into S3 without purchasing AWS Workmail. If you only use SES for email marketing, you can also see and preview your SES templates in the browser
Stars: ✭ 21 (-95.71%)
Mutual labels: s3, cognito
Graphql Recipes
A list of GraphQL recipes that, when used with the Amplify CLI, will deploy an entire AWS AppSync GraphQL backend.
Stars: ✭ 137 (-72.04%)
Mutual labels: graphql, dynamodb
Deploy Strapi On Aws
Deploying a Strapi API on AWS (EC2 & RDS & S3)
Stars: ✭ 121 (-75.31%)
Mutual labels: graphql, s3
amazon-ivs-ugc-web-demo
This repository shows how you can build a compelling user-generated content (UGC) live streaming webapp with Amazon IVS.
Stars: ✭ 14 (-97.14%)
Mutual labels: dynamodb, cognito
This Or That
This or that - Real-time atomic voting app built with AWS Amplify
Stars: ✭ 87 (-82.24%)
Mutual labels: graphql, dynamodb
cognito-to-dynamodb-lambda
Copy newly-confirmed users from Cognito to DynamoDB
Stars: ✭ 68 (-86.12%)
Mutual labels: dynamodb, cognito
twitter
A serverless social network that's under development with some cool stuff, such as Serverless Framework, AppSync, GraphQL, Lambda, DynamoDB, Cognito, Kinesis Firehose, and Algolia ☁️
Stars: ✭ 29 (-94.08%)
Mutual labels: dynamodb, cognito
Roapi
Create full-fledged APIs for static datasets without writing a single line of code.
Stars: ✭ 253 (-48.37%)
Mutual labels: graphql, s3
Serverless
This is intended to be a repo containing all of the official AWS Serverless architecture patterns built with CDK for developers to use. All patterns come in Typescript and Python with the exported CloudFormation also included.
Stars: ✭ 1,048 (+113.88%)
Mutual labels: graphql, dynamodb
AWS AppSync GraphQL Photo Sample
Please submit issues to the appsync-sdk-js repository.
This sample application shows how to use GraphQL to build an application that a user can login to the system, then upload and download photos which are private to them. The sample is written in React and uses AWS AppSync, Amazon Cognito, Amazon DynamoDB and Amazon S3 as well as the Amplify CLI.
Architecture Overview
Prerequisites
-
npm install -g @aws-amplify/cliamplify configure
Getting Started
- Clone this repo locally.
git clone https://github.com/aws-samples/aws-amplify-graphql.git
cd aws-amplify-graphql
- Initialize the amplify project.
amplify init
- Configure an Amazon Cognito User Pool to manage user credentials.
amplify add auth
- Configure an Amazon S3 bucket to store files.
amplify add storage
- 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.
- 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.
- Install client dependencies.
npm install
# or
yarn
- Run the react application
npm run start
# or
yarn start
The AWS Amplify CLI will create an Amazon Cognito User Pool and Identity Pool, an Amazon S3 bucket with private directories to store each user's photo and an AWS AppSync API that uses Amazon DynamoDB to store data.
The sample uses AWS Amplify to perform the Sign-Up and Sign-In flows with a Higher Order Component.
If the application runs successfully you should be able to enter the name of a photo, choose a file and then press Add photo. This will make a GraphQL call to enter the record into the database and simultaneously upload the object to S3. An immediate fetch of the record will then be at the bottom of the screen.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].