Update how-to-create-models.md

articles/modeling/how-to-create-models.md

@@ -1,4 +1,4 @@
-# How to Create Models using Stoplight Modeling Editor.
+# How to Create Models using the Stoplight Modeling Editor
 1. Create a new API project (link on how to create a new  project goes here)
 2. For this example we will be referring to endpoints created for a fictional Pet Store as listed below
 - GET  /pets (return all pets)
@@ -43,18 +43,30 @@
 ```
 
 <!-- theme:  info  -->
->Duplication of Objects: If we are required to make changes we would have to update this information in three or more endpoints. Creating a model solves this issue.
+>Duplication of Objects: If you are required to make changes you would have to update this information in three or more endpoints. Creating a model solves this issue.
 
 6. To create a model click on the + sign next to the Model section.
 
+![](../../assets/images/create-model.png)
+
 7. Enter the details for the key, title, and description fields
 
+![](../../assets/images/editor-details.png)
+
 8. Click on the Editor Tab to create the object and specify the properties you want in the model (You can also copy and paste the JSON Schema from an endpoint into the Raw Schema section of the model)
 
+![](../../assets/images/create-object.png)
+
+![](../../assets/images/model-design.png)
+
 9. Click the Save button to save the changes you have made in the editor 
 10. Select the GET  /pets {petid} (or any endpoint)  and navigate to Responses→ Editor 
 11. To reference the model in your endpoint, click on the object and select $ref as the array item type. Select the model you created from the drop down list
 
+![](../../assets/images/ref-model.png)
+
 12. Select the Viewer section to see the changes you have made
 
+![](../../assets/images/viewer-ref-model.png)
+
 13. All changes made to the properties of the object in the model are now automatically updated in all endpoints that make a reference to the model