diff --git a/guide/making-a-pear-app.md b/guide/making-a-pear-app.md index 9aa1c58..76612b2 100644 --- a/guide/making-a-pear-app.md +++ b/guide/making-a-pear-app.md @@ -90,9 +90,9 @@ function onMessageAdded(from, message) { } ``` -## Step 3. Update gui settings +## Step 3. Update Graphical User Interface (GUI) settings -To make sure that the app looks the way intended, update the `pear` property in `package.json`. See all the possibly options in the [reference doc](../reference/configuration.md). +To make sure that the app looks the way intended, update the `pear` property in `package.json`. See all the possibly options in the [Configuration Documentation](../reference/configuration.md). Open `package.json` and update the `"pear"` property: diff --git a/guide/sharing-a-pear-app.md b/guide/sharing-a-pear-app.md index f115cbe..acc1f15 100644 --- a/guide/sharing-a-pear-app.md +++ b/guide/sharing-a-pear-app.md @@ -42,6 +42,8 @@ In another terminal (or on another computer), run: $ pear launch pear:nykmkrpwgadcd8m9x5khhh43j9izj123eguzqg3ygta7yn1s379o ``` +![Launching the app with pear launch](../assets/chat-app-6.png) + This will download and open the app. Note: Anyone running the app also help to seed it. So if the app had a lot of users, the original seeder could close down the process. diff --git a/guide/starting-a-pear-project.md b/guide/starting-a-pear-project.md index 591ae4f..78d8a31 100644 --- a/guide/starting-a-pear-project.md +++ b/guide/starting-a-pear-project.md @@ -16,8 +16,8 @@ $ pear init --yes This will create a base structure for the project. -- `package.json`. Config for the app. Notice the `pear` property. -- `index.html`. The UI for the app. +- `package.json`. Configuration for the app. Notice the `pear` property. +- `index.html`. The html for the app. - `app.js`. The main code. - `test/index.test.js`. Skeleton for writing tests. @@ -41,9 +41,9 @@ While keeping the app open with `pear dev`, open `index.html` in a code editor. ![Automatic reload](../assets/chat-app-2.png) -## Step 4. Chagne gui settings +## Step 4. Change Graphical User Interface (GUI) configuration -It's possible to change various settings with Pear. This is done with the `pear` property in `package.json`. See all the possibly options in the [reference doc](../reference/configuration.md). +It's possible to change various settings with Pear. This is done with the `pear` property in `package.json` For now, open `package.json` and update it : ``` @@ -63,7 +63,9 @@ For now, open `package.json` and update it : When running the app now, it will be very green, and always stay on top. -## Step 5. Create a basic UI +See all the possibly options in the [Configuration Documentation](../reference/configuration.md). + +## Step 5. Create a basic User Interface (UI) To add some more interesting UI, let's have an example of a chat app, where users are able to create or join chat rooms and write messages to each other.