Introduction

In this chapter, we will set up a website that will hold all the aforementioned recipes. Each recipe will be a link in that website's navbar's dropdown. The structure for the complete website, with all the recipes included, is available in the code for this chapter. To preview this structure, navigate to the chapter3/app folder, and run the harp server command from the console. Then, click on the about link in the navbar. The about page lists all the files and folders in this chapter's code.

Looking at the code structure for this chapter, it is important to note the most important parts.

The app folder comprises all the recipes' files. The app folder has the following subfolders and files:

• css (created by the grunt sass command)
• js (copied by the grunt copy command)
• partial (this folder holds the following partial files:_js.ejs and _nav.ejs, called by _layout.ejs)
• www (compiled by the harp compile and/or harp server commands)
• about.ejs (holds the file tree overview)
• index.ejs
• recipe1...