Step 1: Set up the Folder Structure

Folder structure

The first step sets up the application’s folder structure. We pick a name for our application, such as “Public Library,” and a corresponding name for the application folder, such as PublicLibrary or MinimalApp.

Then, we create this folder on our computer’s disk as well as an src subfolder for our JS source code files. In this folder, we create the subfolders m, v, and c while following the MVC paradigm for software application architectures. And finally, we create an index.html file for the application’s “Start” page.

We end up with the following folder structure:

MinimalApp
  src
    c
    m
    v
  index.html

In the HTML file on the “Start” page of the application (index.html), we load two files, src/c/initialize.js and src/m/Book.js.