Our application

At this point, we have covered everything we will need for the next step in our application: querying our HTTP endpoint, displaying the contact list, and allowing navigation to the details of a given contact.

To make our application a little sexier, we will leverage Font Awesome, a CSS library that offers scalable vector icons. Let's first install it:

> npm install font-awesome --save

Next, we need to include it in our application:

index.html

<head>  
  <!-- Omitted snippet --> 
  <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
</head> 

Our contact gateway

We could go and make HTTP calls directly in our view-models. However, this would blur the boundary between responsibilities. The view-model would be responsible ...

Get Learning Aurelia now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.