Skip to content
This repository was archived by the owner on Jan 14, 2025. It is now read-only.

Commit 6673026

Browse files
committed
add new images into README for WebApp module 1
1 parent 0513aa5 commit 6673026

File tree

1 file changed

+17
-3
lines changed

1 file changed

+17
-3
lines changed

WebApplication/1_StaticWebHosting/README.md

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,12 +37,14 @@ You have two options for this first step which is to either use [AWS CodeCommit]
3737
**:white_check_mark: Step-by-step directions**
3838
1. Create an IAM user for CodeCommit access. Go to the [IAM Console][iam-console]
3939
1. Select Users from the navigation bar and then **Add user**
40-
1. Name the user *wildrydes-codecommit* and select *Programmatic access*
40+
1. Name the user `wildrydes-codecommit` and select *Programmatic access*
4141
1. Select **Next: Permissions**
4242
1. Select *Attach existing policies directly* and then check "AWSCodeCommitFullAccess"
4343
1. Select **Next: Tags** and enter any tags you wish to identify this user
4444
1. Select **Create User** and then **Close** from the final page
4545

46+
![IAM user created](../images/iam-add-user.png)
47+
4648
Next you need to get credentials for the user to be able to access repositories in CodeCommit:
4749

4850
1. Select the User from the Users page in the IAM Console you just created
@@ -116,15 +118,23 @@ Next you'll use the [AWS Amplify Console][amplify-console] to deploy the website
116118
1. Select the *Repository service provider* used today and select **Next**
117119
1. If you used GitHub, you'll need to authorize AWS Amplify to your GitHub account
118120
1. From the dropdown select the *Repository* and *Branch* created today
121+
122+
![Amplify Repository configuration](../images/amplify-console-repository-setup.png)
119123
1. On the "Configure build settings" page leave all the defaults and select **Next**
120124
1. On the "Review" page select **Save and deploy**
125+
126+
The process takes a couple of minutes for Amplify Console to create the neccesary resources and to deploy your code.
127+
128+
![Amplify Deployment](../images/amplify-deploy-status.png)
121129
122-
The process takes a couple of minutes for Amplify Console to create the neccesary resources and to deploy your code. Once completed, click on the site image to launch your Wild Rydes site.
130+
Once completed, click on the site image to launch your Wild Rydes site.
123131
124132
![Wild Rydes homepage screenshot](../images/wildrydes-homepage.png)
125133
126134
If you click on the link for *Master* you'll see various pieces of information about your website deployment, including sample rendorings on various platforms:
127135
136+
![Amplify Client Renderings](../images/amplify-renderings.png)
137+
128138
### Modify the website
129139
The AWS Amplify Console will rebuild and redeploy the app when it detects changes to the connected repository. Make a change to the main page to test out this process.
130140
@@ -157,7 +167,11 @@ The AWS Amplify Console will rebuild and redeploy the app when it detects change
157167
To https://git-codecommit.us-east-1.amazonaws.com/v1/repos/wildrydes-site
158168
2e9f540..dfec2e5 master -> master
159169
```
160-
Amplify Console will begin to build the site again soon after it notices the update to the repository. It will happen pretty quickly! Head back to the [Amplify Console console page][amplify-console-console] to watch the process. Once completed, re-open the Wild Rydes site and notice the title change.
170+
Amplify Console will begin to build the site again soon after it notices the update to the repository. It will happen pretty quickly! Head back to the [Amplify Console console page][amplify-console-console] to watch the process.
171+
172+
1. Once completed, re-open the Wild Rydes site and notice the title change.
173+
174+
![title updated](../images/title-update.png)
161175

162176
### :star: Recap
163177

0 commit comments

Comments
 (0)