Vuebnb prototype

In this chapter, we'll be building a prototype of Vuebnb, the case-study project that runs for the duration of this book. The prototype will just be of the listing page, and by the end of the chapter will look like this:

Figure 2.1. Vuebnb prototype

Once we've set up our backend in Chapter 3, Setting Up a Laravel Development Environment, and Chapter 4, Building a Web Service with Laravel, we'll migrate this prototype into the main project.

Project code

Before we begin, you'll need to download the code base to your computer by cloning it from GitHub. Instructions are given in the section Code base in Chapter 1, Hello Vue - An Introduction to Vue.js.

The folder vuebnb-prototype has the project code for the prototype we'll now be building. Change into that folder and list the contents:

$ cd vuebnb-prototype
$ ls -la

The folder contents should look like this:

Figure 2.2. vuebnb-prototype project files

Note

Unless otherwise specified, all further Terminal commands in this chapter will...