diff --git a/making-a-pear-app-1.md b/making-a-pear-app-1.md index 1803a1e..3fcfdc9 100644 --- a/making-a-pear-app-1.md +++ b/making-a-pear-app-1.md @@ -1,12 +1,12 @@ -# Making your first Pear app +# Making a Pear app -This tutorial will teach you on how to make your first Pear app. +This tutorial will show how to create a basic chat app with Pear, and through that teach you how to use some of the main building blocks. -As a simple example we will create a chat app where you can create a chat, and have others join it. +In this first part of the app, users will be able to create chat rooms, connect to each other, and send messages. ## Step 1. Init -Let's first create a new project using `pear init`. +First create a new project using `pear init`. ``` $ mkdir chat @@ -14,51 +14,51 @@ $ cd chat $ pear init --yes ``` -This will create a base structure for your project. +This will create a base structure for the project. -- `package.json`. Config for your app. You should notice the `pear` property. -- `index.html`. The UI for your app. +- `package.json`. Config for the app. Notice the `pear` property. +- `index.html`. The UI for the app. - `app.js`. The main code. - `test/index.test.js`. Skeleton for writing tests. ## Step 2. Test that everything works -Before we write any code, let's just make sure that everything works the way it's supposed to by using `pear dev`. +Before writing any code, make sure that everything works the way it's supposed to by using `pear dev`. ``` $ pear dev ``` -This will open your app. Because it's opened in development mode, developer tools are also opened. +This will open the app. Because it's opened in development mode, developer tools are also opened.  ## Step 3. Automatic reload -Pear apps have automatic reload included. This means that you don't have to stop and start the app again to see the changes. +Pear apps have automatic reload included. This means that there is no need to stop and start the app again to see changes. -While keeping the app open with `pear dev`, open `index.html` in your editor. Change `