Skip to content

fix: Rename example app for consistency in quickstart guide #8039

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 14, 2024
Merged

fix: Rename example app for consistency in quickstart guide #8039

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions src/pages/[platform]/start/quickstart/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -263,7 +263,7 @@ document.addEventListener("DOMContentLoaded", function () {
});
}
}


client.models.Todo.observeQuery().subscribe({
next: (data) => {
Expand Down Expand Up @@ -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)

Expand Down Expand Up @@ -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)

Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
```
Expand Down Expand Up @@ -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:

Expand Down Expand Up @@ -2050,7 +2050,7 @@ class TodoViewModel: ObservableObject {
}
}
}

func updateTodo(todo: Todo) async {
do {
let result = try await Amplify.API.mutate(request: .update(todo))
Expand Down Expand Up @@ -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 ->
Expand Down Expand Up @@ -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
},
Expand Down Expand Up @@ -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
```
Expand Down