Prototyping the Healthy Living website

For this exercise, we are going to create a four-page clickable prototype of a pseudo website called Healthy Living. The home page will consist of a fully functional carousel, hero unit, and three content sections with call to actions. The following screenshot is that of the home page:

Prototyping the Healthy Living website

Let's get started with the creation of our application. We'll start by performing the following steps:

  1. Create a folder named hl, short for "Healthy Living".
  2. Assuming that you have already installed Yeoman, open up the terminal. Let's create the scaffolding for our app using the following lines of code:
    mkdir hl
    cd hl
    yo angular ...

Get AngularJS Web Application Development Blueprints now with O’Reilly online learning.

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