Vuebnb

In Chapter 2, Prototyping Vuebnb, Your First Vue.js Project, we made a prototype of the frontend of Vuebnb. The prototype was created from a single HTML file that we loaded directly from the browser.

Now we'll start working on the full-stack Vuebnb project, of which the prototype will soon be a critical part. This main project will be a full Laravel installation with a web server and database.

Project code

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

The vuebnb folder within the code base has the project code that we now want to work with. Change into this folder and list the content:

$ cd vuebnb
$ ls -la

The folder contents should look like this:

Figure 3.1. vuebnb project files