From fced470e90c43682d7013b15d8758a56eda137d4 Mon Sep 17 00:00:00 2001
From: Emma Sauerborn <emma.m.sauerborn@gmail.com>
Date: Mon, 14 Oct 2024 11:35:13 -0400
Subject: [PATCH] fix: Rename example app for consistency in quickstart guide

---
 .../[platform]/start/quickstart/index.mdx     | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/[platform]/start/quickstart/index.mdx b/src/pages/[platform]/start/quickstart/index.mdx
index ae339cb1935..6092ed128b7 100644
--- a/src/pages/[platform]/start/quickstart/index.mdx
+++ b/src/pages/[platform]/start/quickstart/index.mdx
@@ -263,7 +263,7 @@ document.addEventListener("DOMContentLoaded", function () {
           });
       }
   }
-  
+
 
     client.models.Todo.observeQuery().subscribe({
         next: (data) => {
@@ -360,7 +360,7 @@ Now let's set up our local development environment to add features to the fronte
 
 <Video src="/images/gen2/getting-started/react/branch-details.mp4" description="Video - Deployments" />
 
-At the bottom of the page you will see a tab for **Deployed backend resources**. Click on the tab and then click the **Download amplify_outputs.json file** button. 
+At the bottom of the page you will see a tab for **Deployed backend resources**. Click on the tab and then click the **Download amplify_outputs.json file** button.
 
 ![](/images/gen2/getting-started/react/amplify-outputs-download.png)
 
@@ -684,7 +684,7 @@ Now let's set up our local development environment to add features to the fronte
 
 <Video src="/images/gen2/getting-started/react/branch-details.mp4" description="Video - Deployments" />
 
-At the bottom of the page you will see a tab for **Deployed backend resources**. Click on the tab and then click the **Download amplify_outputs.json file** button. 
+At the bottom of the page you will see a tab for **Deployed backend resources**. Click on the tab and then click the **Download amplify_outputs.json file** button.
 
 ![](/images/gen2/getting-started/react/amplify-outputs-download.png)
 
@@ -990,7 +990,7 @@ Let's take a tour of the project structure in this starter repository by opening
 <Video src="/images/gen2/getting-started/react/hosted-app.mp4" description="Video - Visit Deployed URL" />
 
 In the Amplify console, click into the deployment branch (in this case **main**) > select **Data** in the left-hand menu > **Data manager** to see the data entered in your database.
- 
+
 <Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" description="Video - Data Manager"/>
 
 ## Make frontend updates
@@ -1730,7 +1730,7 @@ Now you should have your project created.
 The easiest way to get started with AWS Amplify is through npm with `create-amplify` command. You can run it from your base project directory.
 
 ```bash title="Terminal" showLineNumbers={false}
-cd my-app
+cd my_amplify_app
 npm create amplify@latest
 ? Where should we create your project? (.) # press enter
 ```
@@ -1974,7 +1974,7 @@ class TodoViewModel: ObservableObject {
 }
 ```
 
-This will assign the value of the fetched todos into a Published object. 
+This will assign the value of the fetched todos into a Published object.
 
 Now let's update the UI code to observe the todos. Update the `VStack` in the `ContentView.swift` file with the following code:
 
@@ -2050,7 +2050,7 @@ class TodoViewModel: ObservableObject {
             }
         }
     }
-    
+
     func updateTodo(todo: Todo) async {
         do {
             let result = try await Amplify.API.mutate(request: .update(todo))
@@ -2477,7 +2477,7 @@ setContent {
     MyAmplifyAppTheme {
         // A surface container using the 'background' color from the theme
         Surface(
-            modifier = Modifier.fillMaxSize(), 
+            modifier = Modifier.fillMaxSize(),
             color = MaterialTheme.colorScheme.background
         ) {
             Authenticator { state ->
@@ -2511,7 +2511,7 @@ fun TodoList() {
         Amplify.API.subscribe(
             ModelSubscription.onCreate(Todo::class.java),
             { Log.i("ApiQuickStart", "Subscription established") },
-            { 
+            {
                 Log.i("ApiQuickStart", "Todo create subscription received: ${it.data}")
                 todoList = todoList + it.data
             },
@@ -2648,7 +2648,7 @@ npx expo prebuild
 The easiest way to get started with AWS Amplify is through npm with `create-amplify` command. You can run it from your base project directory.
 
 ```bash title="Terminal" showLineNumbers={false}
-cd my-app
+cd my_amplify_app
 npm create amplify@latest
 ? Where should we create your project? (.) # press enter
 ```