Create a Supplier Management App

Create a Project

1. Click Projects on the ribbon apps
2. Click the Add Project floating action button
3. Enter the project name (it needs to be unique so try including your initials in the name):
   

   

4. Click the App Starters tab and be sure that the Angular and Loopback Project Starter is selected:
   

   

5. Click the Create Project button. Apex Designer creates your project and takes you to its home page:
   

   

   Note: if you want to see what default libraries are included in a base project you can click on the extension icon to see them. You can read about each of them in the Libraries set of pages.

Create a Business Object

1. Click Business Objects on the ribbon category
2. Enter "supplier" in the "Add a business object.." field
   

   

3. Press enter to create the business object. The business object page is displayed:
   

   

   Notice that Apex Designer capitalized the business object name. You can change that in the business object settings.
4. Enter "code n" in the "Add a property..." field. Notice that the typeahead preselects "code number":
   

   

5. Press enter to add the property
   

   

Generate the App

1. Click the "Generate App" icon button in the toolbar:
   

   

2. When generate is complete, the snackbar at the bottom of the screen shows the results:
   

   

Run the App

1. Once the build is complete, you should see the "Launch App" icon button in the toolbar. Click it:
   

   

2. The app opens in a new browser tab and redirects to the welcome page. Fill in your email and the password "password" and click Login:
   

   

3. The app redirects to the Suppliers page:
   

   

4. Click the "Add Supplier" floating action button to open the "Add a Supplier" dialog. Enter a name and code and click the "Add" button:
   

   

5. The app redirects to the Supplier page where you can edit the values, delete the supplier or navigate back to the Suppliers page:
   

   

Summary

Congratulations! You have built an app! Next, we will add more detail to the information model. Just click the "Next Topic" link below to continue with the next lesson.