Skip to main content

AWS NotesApp-React -- First hands-on done || AWS Amplify

 green green green green


Build 18 and the final code is live on the site.
Next Step: understand the code. 😆👀😬

Technologies used: AWS Amplify, GraphQL, node, git, React, Amplify CLI, Amazon Cognito, GraphQL, AWS S3

Key Concepts

React application – React is a web application framework that enables developers to quickly build performant single-page applications using JavaScript.

Git – A version control system that allows developers to store files as well as maintain and update relationships between files and directories, versions, and changes to the files.

Amplify CLI – The Amplify CLI allows you to create, manage, and remove AWS services directly from your terminal.

Amazon Cognito – A managed user identity service. Used for authentication.

API – Provides a programming interface that allows communication and interactions between multiple software intermediaries.

GraphQL – A query language and server-side API implementation based on a typed representation of your application. This API representation is declared using a schema based on the GraphQL type system. (To learn more about GraphQL, visit this page.)

Storage service - Storing and querying for files like images and videos is a common requirement for most applications. One option to do this is to Base64 encode the file and send as a string to save in the database. This comes with disadvantages like the encoded file being larger than the original binary, the operation being computationally expensive, and the added complexity around encoding and decoding properly. Another option is to have a storage service specifically built and optimized for file storage. Storage services like Amazon S3 exist to make this as easy, performant, and inexpensive as possible.

Comments

Post a Comment

Popular posts from this blog

Hello World!

Welcome to the first post on the shiny new rahultiwari.dev    Let's see how the site was setup: Custom Domain Google domains  seemed like the registrar to buy the domain as there are no frills attached to it. Haven't researched on this but Google seems to be a safe bet. The dot com domain wasn't available so got a .dev . Rest all looked boring. Got the site for ₹860 per year (+ taxes). Setup email Google domains  was easy to navigate. Went to setup a new mail. It allowed for up to 100 email address that end with @rahultiwari.dev for free. Created one, easy setup. rahul@rahultiwari.dev Emails sent to rahul@rahultiwari.dev now come to my personal gmail account. Forwarding  The mail is now forwarded to my personal ID but there is no way to send a mail from that ID. This can be setup too using this help article: https://support.google.com/domains/answer/9437157 There was a confusing point where they kept asking for "Username" but didn't specify what it was. Ult...
Post a Comment
Read more

Afternoon Update

Trying to follow AWS Amplify hands-on code to build a React Application: https://aws.amazon.com/getting-started/hands-on/build-react-app-amplify-graphql/ Only issue was trying to configure custom domain in Amplify. This article helped:  https://docs.aws.amazon.com/amplify/latest/userguide/to-add-a-custom-domain-managed-by-google-domains.html Remember: Under DNS > Custom resource records > Change "A" to "CNAME" ANAME is not available for google domains. Instead, do this setting in "Synthetic Records" (above "Custom resource records" in Google Domains > DNS) Also remember: you will do the CNAME thing thrice. First to authenticate SSL. When that shows green, go to next step. You'll have to remove CNAME with the name "www" and create a new "www" CNAME with the xxx.cloudfront.net you will find under DNS records. Wait for some time and your site will be online in some time. Reached the end of module 2: Took more than a...
Post a Comment
Read more