Jim's
Tutorials

Fall 2019
course
site

Researched CDN to understand the use.

Setup AWS account and have started going through their tutorials for different uses of AWS. This includes 12 months of the free account, however, I have to be careful to not do too much without deleting some of it as if I do too much it will start charging more.

A note about that, some of what I do I'll complete, then delete, as it charges by hours for certain services and bandwidth for others.

The AWS website UI is actually very good. They've done a nice job with their account management.

The tutorials lack a bit of detail but I think I'll be able to figure it out.

I have picked this tutorial to focus on, as it involves AWS, React, and Node.

https://aws.amazon.com/getting-started/tutorials/deploy-react-app-cicd-amplify/?e=gs&p=gsrc&trk=gs_card

Installed node.js and npm. npm "makes it easy for JavaScript developers to share and reuse code, and makes it easy to update the code that you’re sharing"

Created a new react app via:

npx create-react-app amplifyapp
cd amplifyapp
npm start

Created a github account.

Initialized git and pushed the application to the new GitHub repo executing the following commands

git init
git remote add origin git@github.com:username/reponame.git
git add .
git commit -m ‘initial commit’
git push origin master

Didn't run, so I installed Git for Windows. Got further, but ran into issues detailed here:

https://stackoverflow.com/questions/1967370/git-replacing-lf-with-crlf

It seems the massive amounts of warnings I got were actually fairly standard. I saw an option that would get around those warnings but saw another explanation that explained how they're mostly just "for your information" and it's fine to keep things as is. Continuing on.

When running: git commit -m 'initial commit' I received the output:

*** Please tell me who you are.

Run

  git config --global user.email "you@example.com"
  git config --global user.name "Your Name"

to set your account's default identity.
Omit --global to set the identity only in this repository.

fatal: unable to auto-detect email address

Entered my email and username to the config using those commands.

The command then ran and output: nothing added to commit but untracked files present

When running git push origin master I received the output:

error: src refspec master does not match any
error: failed to push some refs to 'git@github.com:alexrome/amplifyapp.git'

Authorized AWS to interface with my GitHub account.

Continued with the tutorial until I had to select the master branch for my github, which was not an option due to the earlier errors. Working on solving this.

Still running into this error. I have a react program to test once this is setup. For now I'm looking into GitHub information to better understand what's going on.

Following this tutorial to figure out more.

https://product.hubspot.com/blog/git-and-github-tutorial-for-beginners

Started following these steps as well:

https://dev.to/landonp1203/how-to-properly-set-up-git-on-your-computer-33eo

If I run into issues with Powershell with Git Bash, I may consider:

https://cmder.net/

As I've seen that pop up a couple of times.

Managed to upload a repository properly, https://github.com/alexrome/ReactTicTacToe

Connected to AWS, tested it, then deleted it as the tutorial instructed to avoid being charged.

Finished chapter 10, read chapters 14, 15


In Jim's office :

https://aws.amazon.com/amplify/faqs/ :

Q: How does the Amplify Framework work with AWS cloud services?

The Amplify Framework is organized based on the features you want to add to your app, such as offline data, multi factor authentication, analytics, and others. When you configure these features using the Amplify CLI, the necessary AWS cloud services are provisioned for you. The configuration is persisted in CloudFormation templates that can be checked into source control and shared with other developers. When you integrate and then use these features into your app via the Amplify library, the library makes the necessary calls to AWS services. For example, 'amplify add analytics' will configure Amazon Pinpoint. Then, when you use the Analytics APIs from Amplify library in your app, the necessary calls will be made to Pinpoint.

https://cs.marlboro.college /cours /fall2019 /jims_tutorials /arome /nov14
last modified Thu April 25 2024 4:41 am